@charset "UTF-8";









.box {
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e5e5e5
}

.page-title-info {
    margin-top: 1.25rem;
    border-bottom: 0
}

.page-title-info .page-title-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.page-title-info .page-title-main .page-title-h2 {
    max-width: 80%
}

.page-title-info .page-title-main .layout__status {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    background: rgba(48, 114, 246, .15);
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .25rem;
    font-size: .6875rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3072f6
}

.page-title-info .page-title-main .layout__status.full {
    background: #ced2d6;
    color: #fff
}

.page-title-info .flat_detail_address {
    font-size: .8125rem;
    line-height: 1.125rem;
    margin-top: .125rem;
    opacity: .6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9399a5
}

.page-title-info .flat_detail_tags span {
    display: inline-block;
    height: .9375rem;
    line-height: .9375rem;
    padding: 0 .25rem;
    font-size: .6875rem;
    background: rgba(255, 255, 255, .16);
    margin-right: .5rem;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    color: #fff
}

h2.page-title-h2 {
    position: relative;
    line-height: 1.875rem;
    font-size: 1.375rem;
    font-weight: 700
}

h3.page-title-h3 {
    margin-top: 1.5625rem;
    margin-bottom: 1.25rem;
    color: #101d37;
    font-size: 1.1875rem;
    font-weight: 700
}

.page-title-h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5625rem;
    margin-bottom: 1.25rem
}

.page-title-h3 h3 {
    line-height: 1.375rem;
    font-size: 1.1875rem;
    font-weight: 700;
    color: #101d37
}

.page-title-h3 span {
    line-height: 1.125rem;
    font-size: .8125rem;
    color: #101d37
}

.page-title-h3 strong {
    line-height: 1.125rem;
    font-size: .8125rem;
    color: #000019
}

.ui-swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative
}

.ui-swipe-wrap {
    overflow: hidden;
    position: relative
}

.ui-swipe-wrap > .ui-swipe-item {
    float: left;
    width: 100%;
    position: relative
}

.slide {
    /*padding-top: 75%;*/
    position: relative;
    overflow: hidden;
    background-color: #efefef
}

.slide .slide__wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.slide .slide__wrapper .slide__item {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer
}

.slide .slide__wrapper .slide__item img {
    min-width: 100%;
    width: auto;
    min-height: 100%;
    object-fit: cover;
    vertical-align: middle;

}

.slide .slide_pic_status {
    position: absolute;
    right: .625rem;
    bottom: .5625rem;
    width: 3rem;
    height: 1.375rem;
    background: rgba(0, 0, 0, .4);
    -webkit-border-radius: .6875rem;
    -moz-border-radius: .6875rem;
    border-radius: .6875rem;
    color: #fff;
    text-align: center;
    padding: 0 .6875rem;
    line-height: 1.375rem;
    font-size: .8125rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.slide .slide_pic_status span {
    color: #fff
}

.slide .slide__pic--type {
    position: absolute;
    left: .625rem;
    bottom: .5625rem;
    height: 1.375rem;
    line-height: 1.375rem;
    padding: 0 .6875rem;
    -webkit-border-radius: .6875rem;
    -moz-border-radius: .6875rem;
    border-radius: .6875rem;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: .8125rem;
    text-align: center
}

.slide .vr-head-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.gslide {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #000;
    cursor: pointer
}

.gslide * {
    cursor: pointer
}

.gslide .slide__all {
    padding-top: 75%;
    position: relative;
    overflow: hidden;
    background-color: #efefef;
    margin-top: 7rem;
    width: 100%
}

.gslide .slide__all .slide__wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.gslide .slide__all .slide__wrapper .slide__item {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer
}

.gslide .slide__all .slide__wrapper .slide__item .slide-pic {
    width: 100%;
    height: 100%
}

.gslide .slide__all .slide__wrapper .slide__item .vr__icon--large {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 4.375rem;
    height: 4.375rem
}

.gslide .gslide__header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2.875rem;
    line-height: 2.875rem;
    text-align: center;
    color: #fff;
    font-size: .875rem
}

.gslide .pic__type {
    position: absolute;
    left: 0;
    top: 2rem;
    height: 2.875rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5rem;
    overflow-x: scroll;
    width: 100%
}

.gslide .pic__type ul {
    white-space: nowrap
}

.gslide .pic__type li {
    display: inline-block;
    padding: .3125rem .5rem;
    line-height: 1.25rem;
    color: #999;
    font-size: .875rem
}

.gslide .pic__type li.active {
    color: #fff
}

.gslide .image-pop-agent {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.5625rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.gslide .image-pop-agent .agent-avatar {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    float: left;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/agent_icon.png?_=1547019560559)
}

.gslide .image-pop-agent .agent-detail {
    margin-left: 3.125rem;
    margin-right: 3.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.gslide .image-pop-agent .agent-detail .agent-name {
    font-size: 1rem;
    margin-bottom: .125rem;
    line-height: 1.375rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 3rem
}

.gslide .image-pop-agent .agent-detail .agent-gr-info {
    vertical-align: top;
    margin-top: .1875rem
}

.gslide .image-pop-agent .agent-detail .agent-desc {
    font-size: .8125rem;
    line-height: 1.125rem
}

.gslide .image-pop-agent .agent-im {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .3);
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/im-icon-white.png?_=1547019560559) no-repeat center center;
    background-size: 50% 50%;
    position: absolute;
    right: 5rem;
    top: 1.5625rem
}

.gslide .image-pop-agent .agent-phone {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .3);
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/phone-icon-white.png?_=1547019560559) no-repeat center center;
    background-size: 50% 50%;
    position: absolute;
    right: 1.5625rem;
    top: 1.5625rem
}

.gslide--tip {
    font-size: 1rem;
    color: #fffefe;
    margin-top: 1.3125rem;
    margin-left: 1.0625rem
}

.gslide__zoom {
    position: absolute;
    left: 0;
    top: 5rem;
    right: 0;
    bottom: 20%;
    overflow: scroll
}

.gslide__zoom img {
    width: 250%;
    max-width: none
}

.content__detail--info {
    font-size: 0;
    padding-bottom: .5rem !important;
    border-bottom: 0 !important
}

.content__detail--info ul {
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.content__detail--info li {
    width: 33.33%
}

.content__detail--info li:first-child {
    padding-right: 1.25rem
}

.content__detail--info li:nth-child(2) {
    border-right: 1px solid #eae6ef;
    border-left: 1px solid #eae6ef;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.content__detail--info li:last-child {
    padding-left: 1.25rem
}

.content__detail--info li span:first-child {
    font-size: .8125rem;
    line-height: 1.125rem;
    margin-bottom: 1px;
    margin-top: -.21875rem;
    display: block;
    color: #9399a5
}

.content__detail--info li span:last-child {
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: 700;
    white-space: nowrap;
    color: #fe615a
}

.content__detail--subtitle {
    font-size: .9375rem;
    margin-top: 1.25rem;
    color: #9399a5
}

.content__detail--title--tip {
    position: absolute;
    right: 0;
    top: .25rem;
    text-align: right;
    width: 30%;
    color: #9399a5;
    font-size: .8125rem;
    font-weight: 400
}

.content__detail--title--tip span {
    font-size: 1.3125rem;
    color: #fe615a;
    font-weight: 700;
    margin-bottom: .5rem;
    display: block
}

.content__item__tag--wrapper {
    margin-bottom: 1.25rem;
    font-size: 0
}

.content__item__tag--wrapper .content__item__tag--star {
    min-width: 1.875rem;
    height: .9375rem;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    text-align: center;
    font-size: .6875rem;
    line-height: .9375rem;
    margin-right: .3125rem;
    padding: 0 .3125rem;
    background: rgba(73, 170, 224, .16)
}

.content__item__tag--wrapper .content__item__tag--star span {
    width: .375rem;
    height: .375rem;
    display: inline-block;
    vertical-align: top;
    margin-top: .25rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/tag-arrow.png?_=1547019560559) no-repeat center right/contain
}

.content__item__tag--wrapper i {
    color: #5680a6;
    font-size: .6875rem;
    background: #e6ecf2;
    margin-bottom: .25rem
}

.content__item__tag--wrapper i.content__item__tag--marketing_activity {
    background: #ff7276;
    color: #fff
}

.content__item__tag--wrapper i.content__item__tag--authorization_apartment {
    color: #fff;
    background: #e9c067
}

.content__item__tag--wrapper i.content__item__tag--quality {
    color: #fff;
    background: #d3b569
}

.pay-price ul li {
    padding-bottom: 1.09375rem;
    border-bottom: 1px solid #e4e6f0
}

.pay-price ul li .title {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: .25rem
}

.pay-price ul li .title .price {
    float: right;
    vertical-align: top;
    margin-top: .25rem;
    font-weight: 700;
    color: #fe615a
}

.pay-price ul li .sub-title {
    font-size: .8125rem;
    line-height: 1.125rem;
    color: #9399a5
}

.pay-price ul li:last-child {
    border: 0
}

.house__anytime {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 1.25rem;
    height: 1.875rem
}

.house__anytime .anytime-pic {
    height: 1.125rem;
    width: 6.25rem;
    display: inline-block;
    vertical-align: top;
    margin-top: .4375rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/anytime.png?_=1547019560559) no-repeat left center;
    background-size: auto 1.125rem
}

.house__anytime .anytime-im {
    float: right;
    width: 4.75rem;
    height: 1.875rem;
    border: 1px solid #9399a5;
    color: #101d37;
    text-align: center;
    font-size: .8125rem;
    line-height: 1.875rem;
    font-weight: 700;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem
}

.page-house-info {
    margin-top: 1.5625rem
}

.page-house-info .content__item__tag--wrapper {
    margin-bottom: 1.25rem
}

.page-house-info .content__item__tag--wrapper i {
    display: inline-block;
    font-size: .6875rem;
    height: .9375rem;
    line-height: .9375rem;
    margin-right: .3125rem;
    padding-right: .1875rem;
    padding-left: .1875rem;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    color: #5680a6;
    background: #e6ecf2
}

.page-house-info .content__item__tag--wrapper i.content__item__tag--marketing_activity {
    color: #fff;
    background: #ff7276
}

.page-house-info .content__item__tag--wrapper i.content__item__tag--authorization_apartment {
    background: #e9c067;
    color: #fff
}

.page-house-info .content__item__tag--wrapper i.content__item__tag--quality {
    color: #fff;
    background: #d3b569
}

.page-house-info .content__item__tag--wrapper i.content__item__tag--credit_live {
    color: #fff;
    background: #fe615a
}

.page-house-info .content__item__tag--wrapper i.content__item__tag--star {
    color: #49aae0;
    background: rgba(73, 170, 224, .15)
}

.page-house-info ul.page-house-info-list {
    overflow: hidden
}

.page-house-info li {
    float: left;
    width: 50%;
    font-size: 1rem;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.page-house-info li label {
    color: #9399a5;
    flex-shrink: 0
}

.page-house-info .rent-short, .page-house-info .resblock {
    font-size: 1rem;
    margin-bottom: 1rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/arrow-right.png?_=1547019560559) no-repeat right center/contain;
    overflow: hidden
}

.page-house-info .rent-short span, .page-house-info .resblock span {
    float: left;
    color: #9399a5
}

.page-house-info .rent-short a, .page-house-info .resblock a {
    display: block
}

.page-house-info .rent-short .arrow-right, .page-house-info .resblock .arrow-right {
    font-size: 1rem;
    float: right;
    margin-right: .9375rem;
    color: #3072f6
}

.page-house-info .resblock {
    margin-bottom: .625rem
}

.real__house {
    margin-top: 1.25rem
}

.real__house .real__house--icon {
    float: right;
    width: 1.625rem;
    height: 2rem;
    margin-top: .3125rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/real-icon@2x.png?_=1547019560559) no-repeat center center/contain
}

.real__house p {
    margin-right: 1.25rem
}

.real__house .real__house--title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: .0625rem;
    color: #101d37
}

.real__house .real__house--desc {
    color: #9399a5;
    font-size: .8125rem;
    line-height: 1.125rem
}

.page-real-info .page-house-duty {
    margin-left: 1.5625rem;
    margin-right: 1.5625rem
}

.page-house-duty {
    padding-top: 1.25rem;
    overflow: hidden
}

.page-house-duty .duty-list {
    list-style-type: none;
    padding: 0
}

.page-house-duty .duty-list li {
    min-width: 6.25rem;
    height: 1.9375rem;
    margin-right: .625rem;
    font-size: .8125rem;
    color: #101d37;
    -webkit-border-radius: .1875rem;
    -moz-border-radius: .1875rem;
    border-radius: .1875rem;
    background: #f8f8f9;
    overflow: hidden;
    display: inline-block
}

.page-house-duty .duty-list li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75rem;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.page-house-duty .duty-list li img {
    width: 1.25rem;
    height: .9375rem;
    margin-right: .625rem;
    vertical-align: center
}

.real_house_box {
    display: block;
    margin-top: 1.25rem;
    padding: 1.5625rem 1.25rem;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/real_bg.png?_=1547019560559);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.real_house_box .real_house_code {
    margin-bottom: .375rem;
    line-height: 1.125rem;
    font-size: .8125rem
}

.real_house_box .real_house_title {
    margin-bottom: .9375rem;
    line-height: 1.625rem;
    font-size: 1.1875rem;
    font-weight: 700
}

.real_house_box .real_house_desc li {
    line-height: 1.25rem;
    font-size: .6875rem;
    color: #9399a5
}

.need_real_box .real_house_title:after {
    display: inline-block;
    content: '';
    width: .625rem;
    height: .9375rem;
    margin-left: .3125rem;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    vertical-align: middle;
    color: #9399a5
}

.brand-link {
    min-height: 2.5rem;
    font-size: 0;
    padding-top: 1.5rem
}

.brand-link .brand__link--icon {
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #e4e6f0;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    overflow: hidden
}

.brand-link div {
    margin-left: 3rem;
    height: 2.5rem
}

.brand-link div p:first-child {
    font-size: .9375rem;
    line-height: 1.375rem;
    margin-bottom: 1px;
    font-weight: 700
}

.brand-link div p:first-child .quality__confirm {
    width: auto;
    height: 1rem;
    margin-left: .25rem;
    vertical-align: top;
    margin-top: .1875rem;
    margin-bottom: 0
}

.brand-link div p:first-child .brand__link {
    float: right;
    font-size: .8125rem;
    font-weight: 400;
    margin-top: .25rem;
    color: #9399a5
}

.brand-link div p:first-child .brand__link i {
    width: .875rem;
    height: .875rem;
    display: inline-block;
    margin-left: .375rem;
    vertical-align: top;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/arrow-right.png?_=1521903499284) no-repeat center center/contain
}

.brand-link div p:last-child {
    font-size: .75rem;
    line-height: 1.0625rem;
    color: #9399a5
}

.brand-link .quality__card {
    display: block;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -1.5rem;
    margin-top: 1.5rem;
    text-align: center
}

.brand-link .quality__card img {
    width: 90%
}

.house__bonus {
    height: 3.375rem;
    padding: .9375rem 0 1.0625rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/arrow-right.png?_=1547019560559) no-repeat right center;
    background-size: auto .9375rem
}

.house__bonus p {
    font-size: 0;
    overflow: hidden;
    height: 1.375rem;
    margin-right: 1.25rem
}

.house__bonus .house__bonus--item {
    min-width: 1.875rem;
    height: 1.375rem;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    margin-right: .375rem;
    vertical-align: top;
    font-size: .8125rem;
    color: #fff;
    padding: 0 .5rem;
    line-height: initial;
    background: #ff7670;
    position: relative
}

.house__bonus .house__bonus--item:before {
    content: " ";
    position: absolute;
    display: inline-block;
    width: .375rem;
    height: .375rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    left: -.1875rem;
    top: .5rem
}

.house__bonus .house__bonus--item:after {
    content: " ";
    position: absolute;
    display: inline-block;
    width: .375rem;
    height: .375rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    right: -.1875rem;
    top: .5rem
}

.house__bonus .house__bonus--icon {
    width: .9375rem;
    height: .9375rem;
    float: right;
    vertical-align: top;
    margin-top: .1875rem
}

.house__free {
    padding: 1rem 0;
    border-bottom: 1px solid #e4e6f0;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/arrow-right.png?_=1547019560559) no-repeat right center;
    background-size: auto .9375rem
}

.house__free a {
    display: block;
    height: 1.375rem;
    line-height: 1.375rem;
    font-size: .8125rem;
    color: #101d37;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.house__free a img {
    width: auto;
    height: 1.375rem;
    margin-right: .375rem;
    vertical-align: top
}

.page-map-main h3.page-title-h3 {
    margin-left: 1.5625rem;
    margin-right: 1.5625rem
}

.page-map-main .map--container {
    position: relative;
    background-color: #efefef
}

.page-map-main .map--container img {
    width: 100%
}

.page-map-main .map--container .map__mark {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.page-map-main .map--container .map__mark--circle {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 1.125rem;
    height: 1.125rem;
    background-color: rgba(48, 114, 246, .2);
    border: .0625rem solid #3072f6;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.page-map-main .map--container .map__mark--des {
    background-color: #fff;
    padding: .8125rem 1.25rem;
    z-index: 5;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    position: relative;
    box-shadow: 0 1px .15625rem 0 rgba(0, 0, 0, .2);
    color: #3e4143;
    font-size: 1rem
}

.page-map-main .map--container .map__mark--des:after {
    content: ' ';
    position: absolute;
    bottom: -.5rem;
    border-top: .625rem solid #fff;
    border-left: .625rem solid transparent;
    border-right: .625rem solid transparent;
    width: 0;
    height: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.flat_detail--link {
    padding: 1.0625rem 1.5625rem;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.flat_detail--link p {
    font-size: 1rem;
    line-height: 1.375rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #101d37
}

.flat_detail--link .flat_detail--title {
    font-size: 1rem;
    line-height: 1.375rem;
    color: #101d37;
    margin-bottom: .375rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/arrow-right.png?_=1547019560559) no-repeat right center;
    background-size: .625rem;
    display: block
}

.flat_detail--link .flat_detail--address {
    font-size: .8125rem;
    line-height: 1.125rem;
    color: #9399a5;
    display: block
}

.page-map-list {
    margin-top: 1.5rem
}

.page-map-list li {
    color: #101d37;
    font-size: 1rem;
    margin-bottom: 1.5rem
}

.page-map-list li:last-child {
    margin-bottom: 0
}

.page-map-list li span {
    color: #101d37
}

.page-map-list li i {
    font-size: .75rem;
    border: 1px solid #101d37;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    display: inline-block;
    padding: .125rem .3125rem .125rem .1875rem;
    margin-left: .25rem;
    -webkit-transform: scale(.9);
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    position: relative;
    top: -.125rem
}

.page-house-description {
    overflow: hidden;
    padding-bottom: 0
}

.page-house-description ul.page-house-description-list {
    margin: 0 -1.25rem
}

.page-house-description ul.page-house-description-list li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 1rem;
    line-height: 1.0625rem;
    font-size: .75rem;
    color: #9399a5
}

.page-house-description ul.page-house-description-list li i {
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 auto .25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/unknown@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.icon_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.refrigerator i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/bingxiang@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.refrigerator i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/bingxiang_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.bed i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/chuang@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.bed_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.bed_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/chuang_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.television i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/dianshi@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.television_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.television_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/dianshi_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.air_conditioner i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/kongtiao@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.air_conditioner_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.air_conditioner_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/kongtiao_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.wifi i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/kuandai@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.wifi_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.wifi_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/kuandai_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.heating i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/nuanqi@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.heating_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.heating_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/nuanqi_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.water_heater i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/reshuiqi@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.water_heater_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.water_heater_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/reshuiqi_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.natural_gas i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/tianranqi@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.natural_gas_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.natural_gas_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/tianranqi_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.washing_machine i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/xiyiji@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.washing_machine_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.washing_machine_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/xiyiji_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.wardrobe i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/yigui@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.wardrobe_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.wardrobe_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/yigui_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.desk i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/zhuoyi@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.desk_no {
    color: #9399a5;
    text-decoration: line-through
}

.page-house-description ul.page-house-description-list li.desk_no i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/zhuoyi_no@2x.png?_=1547019560559)
}

.page-house-description ul.page-house-description-list li.unknown i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/part/unknown@2x.png?_=1547019560559)
}

.detail {
    color: #101d37;
    font-size: 1rem;
    line-height: 1.5625rem;
    height: 1.5625rem;
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    position: relative;
    text-align: justify
}

.detail a {
    height: 1.5625rem;
    line-height: 1.5625rem;
    display: inline-block;
    padding-right: 4.375rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.detail a span {
    position: absolute;
    right: 0;
    bottom: 1.25rem;
    color: #5680a6
}

.page-agent-card .agent-card__item a, .page-agent-card .agent-card__item div {
    overflow: hidden;
    position: relative;
    display: block
}

.page-agent-card .agent-card__item .agent-card__item--icon {
    float: left;
    width: 2.75rem;
    height: 2.75rem;
    background-color: #efefef;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: .6875rem;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid #e4e6f0
}

.page-agent-card .agent-card__item .agent-card__item--im {
    float: right;
    width: 2.5rem;
    height: 2.5rem;
    background-color: rgba(48, 114, 246, .1);
    margin-top: .25rem;
    position: absolute;
    right: 3.75rem;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/im-icon.png?_=1547019560559);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.page-agent-card .agent-card__item .agent-card__item--button {
    float: right;
    width: 2.5rem;
    height: 2.5rem;
    background-color: rgba(48, 114, 246, .1);
    margin-top: .25rem;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/phone.png?v_20181106);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.page-agent-card .agent-card__item .agent-card__item--title {
    color: #101d37;
    font-size: 1rem;
    margin-top: .375rem;
    margin-bottom: .4375rem;
    padding-right: 6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-agent-card .agent-card__item .agent-card__item--title em {
    font-size: .6875rem;
    color: #9398a5;
    margin-left: .3125rem;
    margin-right: .21875rem;
    background: #eff0f2;
    padding: .1875rem;
    display: inline-block
}

.page-agent-card .agent-card__item .agent-card__item--title span {
    color: #393939;
    margin-left: .9375rem
}

.page-agent-card .agent-card__item .agent-card__item--subtitle {
    font-size: .6875rem;
    color: #9399a5
}

.page-agent-card .agent-card__item .agent-gr-info {
    display: inline-block;
    vertical-align: top
}

.agent-gr-info {
    width: 1.25rem;
    height: .9375rem;
    display: inline-block;
    margin-left: .125rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/duty@2x.png?_=1547019560559) no-repeat center center/contain
}

.contact_hint_box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .9375rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background: #fff;
    line-height: 1.25rem;
    transition: bottom .2s linear;
    -moz-transition: bottom .2s linear;
    -webkit-transition: bottom .2s linear;
    -o-transition: bottom .2s linear
}

.contact_hint_box:before {
    display: inline-block;
    content: '';
    width: .875rem;
    height: 1.25rem;
    margin-right: .625rem;
    vertical-align: middle;
    background-image: url();
    background-repeat: no-repeat;
    background-size: contain
}

.contact_hint_box i {
    position: absolute;
    right: 1.875rem;
    top: 1.125rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    opacity: .12
}

.contact_hint_box.up {
    bottom: 5rem
}

.report {
    border-bottom: none;
    margin-top: 1.5625rem;
    padding-bottom: 1.25rem;
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
    background-color: #fff;
    position: relative;
    font-weight: 400
}

.report .report--title {
    color: #101d37;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.report .report--subtitle {
    line-height: 1.1875rem;
    padding-right: 5.0625rem;
    padding-bottom: .9375rem;
    color: #9399a5
}

.report .report--subtitle i {
    display: inline-block;
    width: .625rem;
    height: .6875rem;
    margin-right: .1875rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/jubao.png?_=1547019560559) no-repeat center center;
    background-size: cover
}

.report .report--subtitle a {
    color: #9399a5;
    text-decoration: underline
}

.report .report--house--code {
    color: #9399a5
}

.report .report--house--code span {
    color: #9399a5;
    user-select: text;
    -webkit-user-select: text
}

.report .report--button {
    position: absolute;
    right: 0;
    top: 0;
    width: 5.625rem;
    text-align: center;
    cursor: pointer;
    line-height: 1.1875rem;
    color: #3072f6
}

.report .report--button i {
    display: block;
    width: 1.5rem;
    height: 1.5625rem;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/icon_jubao.png?_=1547019560559);
    margin-bottom: .3125rem
}

.deal {
    padding-top: 0;
    padding-bottom: 0
}

.deal ul {
    position: relative
}

.deal ul:before {
    content: ' ';
    position: absolute;
    border-left: 1px solid #e4e6f0;
    left: .3125rem;
    top: .5rem;
    bottom: .5rem
}

.deal li {
    position: relative;
    margin-bottom: 1.5625rem;
    padding-left: 1.25rem
}

.deal li:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: .1875rem;
    border: .3125rem solid #e4e6f0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.deal .deal--title {
    position: relative;
    padding-right: 5.5rem;
    font-size: 1rem;
    color: #101d37
}

.deal .deal--title span {
    position: absolute;
    right: 0;
    font-weight: 700;
    color: #fe615a
}

.deal .deal--subtitle {
    margin-top: .625rem;
    font-size: .8125rem;
    color: #9399a5
}

.require {
    padding-top: 0;
    padding-bottom: 0
}

.require ul {
    font-size: 0;
    width: 100%
}

.require ul li {
    display: inline-block;
    width: 33%;
    font-size: 1rem;
    color: #101d37;
    height: 1.375rem;
    line-height: 1.375rem;
    margin-bottom: 1.125rem
}

.require ul li:before {
    content: ' ';
    display: inline-block;
    height: 1.125rem;
    width: 1.125rem;
    margin-right: .375rem;
    vertical-align: middle;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/require@3x.png?_=1547019560559) no-repeat center center/contain
}

.page-house-rent .page-title-h3 strong {
    margin: 0 .125rem
}

.page-house-rent-list li {
    margin-bottom: .9375rem;
    padding-bottom: 1.0625rem;
    border-bottom: 1px solid #e4e6f0
}

.page-house-rent-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.page-house-rent-list li a {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.page-house-rent-list li .left {
    max-width: 60%
}

.page-house-rent-list li span, .page-house-rent-list li strong {
    display: block
}

.page-house-rent-list li strong {
    margin-bottom: .125rem;
    line-height: 1.375rem;
    font-size: 1rem;
    font-weight: 600
}

.page-house-rent-list li span {
    line-height: 1.125rem;
    font-size: .8125rem
}

.page-house-rent-list li .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-house-rent-list li .right span, .page-house-rent-list li .right strong {
    color: #fa5741
}

.page-house-rent-list li .right .text {
    text-align: right
}

.page-house-rent-list li .right i.arrow-icon {
    display: inline-block;
    width: .875rem;
    height: .875rem;
    margin-left: .5rem;
    vertical-align: top;
    background: url() no-repeat center center/contain
}

.link-im {
    display: block;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    line-height: 1.375rem;
    text-align: center;
    border-top: 1px solid #e4e6f0;
    cursor: pointer;
    font-size: 1rem;
    color: #3072f6
}

.rent-info {
    padding-top: 0;
    padding-bottom: 0
}

.rent-info li {
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-bottom: 1.5625rem
}

.rent-info li span {
    width: 24%;
    font-size: .875rem;
    color: #101d37;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rent-info li a {
    color: #5680a6
}

.recommand {
    margin-left: 1.5rem
}

.recommand.last .recommand--container {
    border-bottom-width: 0;
    margin-bottom: 3.75rem
}

.recommand .recommand--container {
    width: 100%;
    overflow: auto;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e4e6f0
}

.recommand ul {
    overflow: hidden
}

.recommand li {
    float: left
}

.recommand li img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e4e6f0
}

.recommand .recommand--title {
    font-size: 1rem;
    color: #101d37;
    margin-top: .75rem;
    margin-bottom: .625rem;
    font-weight: 700
}

.recommand .recommand--subtitle {
    font-size: .875rem;
    font-weight: 700;
    color: #fe615a
}

.analogyRecommend .content__item {
    border-bottom: none
}

.analogyRecommend .morebtn {
    argin-top: .9375rem;
    margin-bottom: .9375rem
}

.analogyRecommend .morebtn a {
    display: inline-block;
    width: 100%;
    height: 3.125rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem;
    color: #3072f6;
    font-size: 1rem;
    line-height: 3.125rem;
    text-align: center;
    background: rgba(48, 114, 246, .05)
}

.detail__rent--mine {
    padding-top: 1.5625rem;
    text-align: center
}

.detail__rent--mine .detail__rent--mine--title {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: .3125rem
}

.detail__rent--mine .detail__rent--mine--desc {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 1.25rem;
    color: #9399a5
}

.detail__rent--mine .detail__rent--mine--link {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 8.75rem;
    height: 2.625rem;
    text-align: center;
    line-height: 2.5rem;
    -webkit-border-radius: 1.3125rem;
    -moz-border-radius: 1.3125rem;
    border-radius: 1.3125rem;
    border: 1px solid #101d37;
    color: #101d37;
    font-size: 1rem
}

.page-house-cost .house-cost-box {
    margin-top: 1.0625rem;
    margin-bottom: 1.0625rem
}

.page-house-cost .house-cost-box .cost-box-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .8125rem
}

.page-house-cost .house-cost-box .cost-box-title h4 {
    line-height: 1.125rem;
    font-size: .8125rem;
    font-weight: 600
}

.page-house-cost .house-cost-box table {
    width: 100%
}

.page-house-cost .house-cost-box th.th-left {
    text-align: left
}

.page-house-cost .house-cost-box th.th-right {
    text-align: right
}

.page-house-cost .house-cost-box th {
    padding-bottom: .875rem;
    text-align: center
}

.page-house-cost .house-cost-box th .title {
    display: block;
    line-height: 1.125rem;
    font-size: .8125rem
}

.page-house-cost .house-cost-box th .sub_title {
    display: block;
    font-size: .625rem;
    color: #9399a5
}

.page-house-cost .house-cost-box .title-desc-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    cursor: pointer
}

.page-house-cost .house-cost-box .title-desc-box .sub_title {
    margin-right: .9375rem
}

.page-house-cost .house-cost-box .title-desc-box .desc {
    display: inline-block;
    width: .625rem;
    height: .625rem;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.page-house-cost .house-cost-box .title-desc-box .sub_title {
    margin-right: .9375rem
}

.page-house-cost .house-cost-box .title-desc-box.th-right {
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end
}

.page-house-cost .house-cost-box td {
    text-align: center;
    line-height: 1.125rem;
    padding-bottom: .75rem
}

.page-house-cost .house-cost-box td.cost-name {
    text-align: left;
    font-size: .8125rem;
    font-weight: 600
}

.page-house-cost .house-cost-box td.cost-price {
    color: #fa5741
}

.page-house-cost .house-cost-box td.td-right {
    text-align: right
}

.zfhint {
    display: block
}

.zfhint img {
    width: 100%
}

.page-cost-centralized {
    border-bottom: none
}

.page-cost-decentralized .cost-im {
    font-size: .8125rem;
    color: #3072f6;
    font-weight: 400;
    padding-right: .625rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/arrow-right.png?_=1547019560559) no-repeat right center;
    background-size: auto .75rem
}

.page-cost-decentralized .cost-box-year.cost-box-hide, .page-cost-decentralized .cost-box-year.cost-box-show {
    padding-bottom: 1.0625rem;
    border-bottom: 1px dashed #ced2d6
}

.page-cost-decentralized .cost-box-hide i.arrow-icon, .page-cost-decentralized .cost-box-show i.arrow-icon {
    display: inline-block;
    width: .875rem;
    height: .875rem;
    margin-left: .5rem;
    vertical-align: top
}

.page-cost-decentralized .cost-box-show table {
    display: table
}

.page-cost-decentralized .cost-box-show .arrow-icon {
    background: url() no-repeat center center/contain
}

.page-cost-decentralized .cost-box-hide table {
    display: none
}

.page-cost-decentralized .cost-box-hide .arrow-icon {
    background: url() no-repeat center center/contain
}

.download_fixed_container {
    height: 3.125rem;
    background: #fff
}

.download_fixed {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    height: 3.125rem;
    background: rgba(0, 0, 0, .68);
    z-index: 99
}

.download_fixed a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.download_fixed .logo {
    margin-left: 1.25rem;
    margin-right: .375rem;
    width: 1.875rem;
    height: 100%;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/activity-logo.png?_=1547019560559);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    font-size: 0
}

.download_fixed .slog {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.download_fixed .title {
    line-height: .875rem;
    padding-top: .625rem;
    font-size: .875rem;
    color: #fff
}

.download_fixed .sub-title {
    margin-top: .1875rem;
    color: rgba(255, 255, 255, .7);
    font-size: .6875rem
}

.download_fixed .close {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    font-size: 0;
    z-index: 1;
    border: .8rem solid;
    border-color: rgba(0, 0, 0, .3) transparent transparent rgba(0, 0, 0, .3)
}

.download_fixed .close:after, .download_fixed .close:before {
    content: "";
    display: block;
    position: absolute;
    height: .0625rem;
    width: .5625rem;
    background-color: #cdcfd0;
    opacity: .3;
    left: -.3rem;
    top: -.3rem;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.download_fixed .close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.download_fixed .btn {
    display: block;
    width: 6.875rem;
    height: 100%;
    line-height: 3.125rem;
    background: #3072f6;
    text-align: center;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size: 1rem;
    color: #fff
}

.download_bottom_btn {
    position: fixed;
    z-index: 10;
    bottom: 2.25rem;
    left: 50%;
    text-align: center;
    padding: 0 .9375rem;
    height: 2.5rem;
    line-height: 2.5rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    border-radius: 2.5rem;
    background: #3072f6;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .9375rem;
    color: #fff
}

.download_detail {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.0625rem;
    border-bottom: 1px solid #e5e5e5;
    height: 1.875rem;
    line-height: 1.875rem;
    cursor: pointer;
    font-size: 1rem;
    color: #101d37
}

.download_detail.arrow:before {
    position: absolute;
    content: " ";
    width: .875rem;
    height: .875rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/arrow-right.png?_=1547019560559) no-repeat center center/contain;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.download_detail .download_logo {
    width: 1.875rem;
    height: 1.875rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/activity-logo.png?_=1547019560559) no-repeat center center;
    background-size: 100% 100%
}

.download_detail .download_desc {
    padding-left: .625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.download_card {
    border-bottom: 1px solid #e4e6f0;
    margin-bottom: .9375rem;
    padding-top: 1.5625rem;
    padding-bottom: 2.1875rem;
    text-align: center
}

.download_card .download_title {
    line-height: 1rem;
    font-size: 1rem;
    color: #666;
    font-weight: 700
}

.download_card .download_btn {
    display: inline-block;
    margin-top: 1.25rem;
    padding: 0 .75rem;
    height: 1.625rem;
    line-height: 1.625rem;
    border: 1px solid #3072f6;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    color: #3072f6
}

.download_fixed {
    bottom: 0 !important;
    bottom: -webkit-calc(constant(safe-area-inset-bottom) - 0) !important;
    bottom: calc(constant(safe-area-inset-bottom) - 0px) !important;
    bottom: -webkit-calc(env(safe-area-inset-bottom) - 0) !important;
    bottom: calc(env(safe-area-inset-bottom) - 0px) !important
}

.download_fixed:after {
    height: 0 !important;
    height: -webkit-calc(constant(safe-area-inset-bottom) + 0) !important;
    height: calc(constant(safe-area-inset-bottom) + 0px) !important;
    height: -webkit-calc(env(safe-area-inset-bottom) + 0) !important;
    height: calc(env(safe-area-inset-bottom) + 0px) !important;
    display: block !important;
    content: "" !important;
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    background: #fff !important
}

.lianjia_download_app_box .download_logo, .lianjia_download_app_box .logo {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/lianjia/logo300x300.png?_=1547019560559)
}

.lianjia_download_app_box .download_btn {
    border: 1px solid #00ae66;
    color: #00ae66
}

.lianjia_download_app_box .download_fixed .btn {
    background: #00ae66
}

.layer_im {
    position: fixed;
    bottom: 7.625rem;
    right: .9375rem;
    z-index: 10;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    box-shadow: 0 .25rem 1.0625rem 0 rgba(0, 0, 0, .15);
    background: #fff
}

.layer_im .icon_new_im {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 100%;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/im/im@2x.png?_=1547019560559) no-repeat center center/cover
}

.has_new:before {
    content: '';
    display: block;
    background: #fe615a;
    height: .625rem;
    width: .625rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: -.3125rem;
    right: -.3125rem
}

.module-imcontent .im-header span {
    line-height: .44rem !important
}

.layer_im_shortcut_box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    bottom: 10rem;
    right: 1.5rem;
    z-index: 10
}

.layer_im_shortcut_box .layer_im_shortcut {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 5.9375rem;
    height: 2.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    border: 0 solid #e4e6f0;
    box-shadow: 0 0 .3125rem 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: .25rem;
    padding-left: 1.875rem;
    line-height: 1.875rem;
    cursor: pointer;
    font-size: .875rem
}

.layer_im_shortcut_box .layer_im_shortcut:before {
    position: absolute;
    top: 50%;
    left: .875rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    content: '';
    border-left: .25rem solid transparent;
    border-right: .25rem solid transparent;
    border-top: .375rem solid #3072f6;
    border-bottom: 0 solid transparent
}

.layer_im_shortcut_box .layer_im_shortcut img {
    position: absolute;
    top: 50%;
    right: .25rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.75rem;
    height: 1.75rem;
    max-width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.layer_im_shortcut_box .layer_im_chat {
    display: none;
    position: absolute;
    bottom: 2.5rem;
    right: 0
}

.layer_im_shortcut_box .layer_im_chat li {
    opacity: 0;
    position: relative;
    float: right;
    padding: .625rem 2.5rem .625rem .875rem;
    margin-bottom: .625rem;
    box-shadow: 0 0 .3125rem 0 rgba(0, 0, 0, .1);
    background: #fff;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    border-top-right-radius: 0;
    white-space: nowrap;
    transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -webkit-transition: opacity .4s linear;
    -o-transition: opacity .4s linear
}

.layer_im_shortcut_box .layer_im_chat li:after {
    position: absolute;
    top: 50%;
    right: .875rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 100%
}

.layer_im_shortcut_box .layer_im_shortcut.selected:before {
    border-top: 0 solid transparent;
    border-bottom: .375rem solid #3072f6
}

.content__item {
    position: relative;
 /*   padding-bottom: .625rem;*/
    margin-top: .9375rem;
    margin-bottom: .9375rem;
    border-bottom: 1px solid #e4e6f0;
    overflow: hidden
}

.content__item a:visited .content__item__main .content__item__title, .content__item.clicked .content__item__main .content__item__title {
    color: #aaa
}

.content__item a {
    display: block;
    min-height: 5rem
}

.content__item.content__item--disabled {
    position: relative
}

.content__item.content__item--disabled:before {
    content: '已成交';
    position: absolute;
    left: 0;
    top: 0;
    width: 3.125rem;
    text-align: center;
    line-height: 1.375rem;
    background-color: rgba(0, 0, 0, .4);
    font-size: .75rem;
    color: #fff
}

.content__item.content__item--disabled .content__item__main .content__item__title {
    text-decoration: line-through;
    color: #9399a5
}

.content__item.content__item--disabled1 {
    position: relative
}

.content__item.content__item--disabled1:before {
    content: '已失效';
    position: absolute;
    left: 0;
    top: 0;
    width: 3.125rem;
    text-align: center;
    line-height: 1.375rem;
    background-color: rgba(0, 0, 0, .4);
    font-size: .75rem;
    color: #fff
}

.content__item.content__item--disabled1 .content__item__main .content__item__title {
    text-decoration: line-through;
    color: #9399a5
}

.content__item:last-child {
    border-bottom-width: 0
}

.content__item .vr__icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: .375rem;
    bottom: .375rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.content__item .content__item--pic {
    position: relative;
    float: left
}

.content__item .content__item__aside {
    float: left;
    width: 6.5625rem;
    height: 5rem;
    margin-right: .9375rem
}

.content__item .content__item__main {
    position: relative;
    top: -.125rem;
    padding-left: 7.5rem;
    font-size: 0
}

.content__item .content__item__main p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content__item .content__item__main .content__item__tag--wrapper {
    height: .9375rem;
    margin-bottom: .375rem;
    white-space: normal;
    text-overflow: clip
}

.content__item .content__item__main .content__item__tag--wrapper i {
    display: inline-block;
    height: .9375rem;
    line-height: .9375rem;
    margin-right: .3125rem;
    padding-left: .1875rem;
    padding-right: .1875rem;
    background: #e6ecf2;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    font-size: .6875rem;
    color: #5680a6
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--marketing_activity {
    background: #ff7276;
    color: #fff
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--authorization_apartment {
    background: #e9c067;
    color: #fff
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--quality {
    background: #2f3036;
    color: #edd6a2
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--credit_live {
    background: #fe615a;
    color: #fff
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--star {
    background: rgba(73, 170, 224, .15);
    color: #49aae0
}

.content__item .content__item__main .content__item__title {
    display: -webkit-box;
    max-height: 2.5rem;
    line-height: 1.25rem;
    margin-bottom: .3125rem;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1rem;
    font-weight: 400
}

.content__item .content__item__main .content__item__title .content__item__quality {
    width: auto;
    height: 1rem;
    margin-top: .125rem;
    margin-right: .25rem;
    vertical-align: top
}

.content__item .content__item__content {
    margin-bottom: .375rem;
    line-height: 1rem;
    font-size: .6875rem;
    color: #9399a5
}

.content__item .content__item__bottom {
    position: relative;
    line-height: 1.1875rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fe615a
}

.content__item .content__item__bottom .content__item__bottom--light {
    vertical-align: .0625rem;
    font-size: .625rem;
    font-weight: 400
}

.content__item .content__item__bottom .content__item__bottom--activity {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 60%;
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .6875rem;
    font-weight: 400;
    color: #f6804d
}

.content__item .content__item__bonus {
    margin-top: .375rem;
    padding-top: .5625rem;
    border-top: 1px solid #e4e6f0
}

.content__item .content__item__bonus .content__item__bonus--text {
    line-height: 1rem;
    margin-bottom: .375rem;
    font-size: .75rem;
    color: #9399a5
}

.content__item .content__item__bonus .content__item__bonus--text:last-child {
    margin-bottom: 0
}

.content__item .content__item__bonus .content__item__bonus--head {
    display: inline-block;
    min-width: .875rem;
    text-align: center;
    height: .875rem;
    line-height: .875rem;
    vertical-align: top;
    margin-top: .0625rem;
    margin-right: .25rem;
    background: #f5615b;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    font-size: .6875rem;
    color: #fff
}

.content__list__zhchd .download_card {
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.content__list__zhchd .content__item {
    position: relative;
    padding: .875rem;
    margin-top: .9375rem;
    margin-bottom: .9375rem;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-bottom: 0
}

.content__list__zhchd .content__item .content__item__content {
    margin-bottom: .375rem;
    line-height: 1rem;
    font-size: .6875rem;
    color: #101d37
}

.offline {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 9999
}

.offline .offline__box {
    margin-top: 5.375rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding: 1.875rem 1.875rem 6.5625rem 1.875rem;
    background: #fff;
    border: 1px solid #979797;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.offline .offline__top {
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #e4e6f0
}

.offline .offline__icon {
    width: 2.375rem;
    height: 2.375rem;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/mark.png?_=1547019560559);
    margin-right: 1rem
}

.offline .offline__title {
    font-size: 1.125rem;
    color: #101d37
}

.offline .offline__subtitle {
    font-size: .75rem;
    color: #9399a5;
    margin-top: .625rem
}

.offline .offline__des {
    font-weight: 700;
    font-size: 1.25rem;
    color: #101d37;
    margin-top: 5.25rem;
    margin-bottom: .625rem;
    text-align: center
}

.offline .offline__tip {
    font-size: .75rem;
    color: #9399a5;
    margin-bottom: 2.5rem;
    text-align: center
}

.offline .offline__button {
    display: block;
    line-height: 2.75rem;
    text-align: center;
    background: #3072f6;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    font-weight: 700;
    font-size: .875rem;
    color: #fff
}

.coupon__list {
    width: 100%;
    min-height: calc(100vh - 3.125rem);
    padding: 1.5rem;
    background: #f8f8f9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.coupon__list ul li {
    width: 100%;
    min-height: 8rem;
    margin-bottom: .75rem
}

.coupon__list ul li .coupon__item {
    position: relative;
    z-index: 1;
    height: 8rem;
    box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .06)
}

.coupon__list ul li .coupon__item:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: -.4375rem;
    top: 50%;
    width: .875rem;
    height: .875rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f8f8f9;
    margin-top: -.4375rem
}

.coupon__list ul li .coupon__item:after {
    content: '';
    position: absolute;
    z-index: 2;
    right: -.4375rem;
    top: 50%;
    width: .875rem;
    height: .875rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f8f8f9;
    margin-top: -.4375rem
}

.coupon__list ul li .coupon__item--type {
    position: relative;
    float: left;
    width: 2.625rem;
    height: 8rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.5625rem .75rem 0 .875rem;
    line-height: 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(118deg, #ff8e89 0, #f5615b 100%);
    text-align: center
}

.coupon__list ul li .coupon__item--type.coupon__item--type--grey {
    background: linear-gradient(118deg, #d9d9d9 0, #d5d5d5 100%)
}

.coupon__list ul li .coupon__item--type:before {
    content: '';
    position: absolute;
    top: -.25rem;
    right: -.25rem;
    width: .5rem;
    height: .5rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f8f8f9;
    z-index: 2
}

.coupon__list ul li .coupon__item--type:after {
    content: '';
    position: absolute;
    bottom: -.25rem;
    right: -.25rem;
    width: .5rem;
    height: .5rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f8f8f9;
    z-index: 2
}

.coupon__list ul li .coupon__item--content {
    margin-left: 2.625rem;
    padding: .6875rem 1rem 0;
    font-size: 0;
    background: #fff;
    position: relative
}

.coupon__list ul li .coupon__item--content p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.coupon__list ul li .coupon__item--content .coupon__item--title {
    width: 100%;
    line-height: 1.375rem;
    height: 1.375rem;
    font-size: .875rem;
    color: #404144;
    margin-bottom: .0625rem
}

.coupon__list ul li .coupon__item--content .coupon__item--subtitle {
    font-size: 1.75rem;
    line-height: 2.5rem;
    height: 2.5rem;
    color: #fe615a;
    margin-right: 5.625rem;
    text-overflow: inherit;
    white-space: normal
}

.coupon__list ul li .coupon__item--content .coupon__item--subtitle.coupon__item--subtitle--grey {
    color: #ced2d6
}

.coupon__list ul li .coupon__item--content .coupon__item--desc {
    font-size: .75rem;
    line-height: 1.0625rem;
    height: 1.0625rem;
    color: #ced2d6;
    margin-right: 5.625rem;
    margin-bottom: .4375rem
}

.coupon__list ul li .coupon__item--content .coupon__item--got {
    position: absolute;
    right: 0;
    top: 0;
    width: 4.0625rem;
    height: 3.125rem;
    display: inline-block;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/got.png?_=1547019560559) no-repeat center center/contain
}

.coupon__list ul li .coupon__item--content .coupon__item--status {
    position: absolute;
    right: 1.125rem;
    top: 3.125rem;
    width: 4.375rem;
    height: 1.75rem;
    line-height: initial;
    -webkit-border-radius: .875rem;
    -moz-border-radius: .875rem;
    border-radius: .875rem;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background: #fe615a;
    font-size: .8125rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fe615a
}

.coupon__list ul li .coupon__item--content .coupon__item--status.coupon__item--status--use {
    color: #fe615a;
    background: #fff;
    border: 1px solid #fe615a;
    line-height: 1.625rem
}

.coupon__list ul li .coupon__item--content .coupon__item--status.coupon__item--status--grey {
    background: #ced2d6;
    border: 1px solid #ced2d6
}

.coupon__list ul li .coupon__item--content .coupon__item--rule {
    position: relative;
    width: 100%;
    height: 1.875rem;
    line-height: 1.875rem;
    border-top: 1px solid #e4e6f0;
    color: #9399a5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.375rem;
    font-size: .75rem
}

.coupon__list ul li .coupon__item--content .coupon__item--rule .coupon__item--rule--trigger {
    position: absolute;
    right: 0;
    top: .375rem;
    padding-right: 1.25rem;
    vertical-align: top;
    line-height: 1.0625rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/arrow-down.png?_=1547019560559) no-repeat center right;
    background-size: 1.25rem auto
}

.coupon__list ul li .coupon__item--content .coupon__item--rule .coupon__item--rule--trigger.coupon__item--rule--open {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/arrow-up.png?_=1547019560559)
}

.coupon__list ul li .coupon__item--rulelist {
    display: none;
    position: relative;
    z-index: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1.875rem;
    background: #fff;
    padding: .875rem;
    font-size: .6875rem;
    line-height: 1rem;
    color: #9399a5;
    border: 1px solid #e4e4e4;
    border-top: 0
}

.coupon__list .coupon__download {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, .5)
}

.coupon__list .coupon__download .coupon__download--content {
    width: 16.875rem;
    height: 20.625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    border-radius: .625rem;
    text-align: center;
    padding: 3.75rem 2.5rem;
    font-size: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.coupon__list .coupon__download .coupon__download--content .coupon__download--logo {
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto .875rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/logo-download.png?_=1547019560559) no-repeat center center/contain
}

.coupon__list .coupon__download .coupon__download--content .coupon__download--title {
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin-bottom: .1875rem;
    color: #101d37
}

.coupon__list .coupon__download .coupon__download--content .coupon__download--desc {
    font-size: .8125rem;
    line-height: 1.125rem;
    color: #9399a5;
    margin-bottom: 2.0625rem
}

.coupon__list .coupon__download .coupon__download--content .coupon__download--link {
    width: 11.875rem;
    height: 2.75rem;
    line-height: 2.75rem;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    -webkit-border-radius: 1.375rem;
    -moz-border-radius: 1.375rem;
    border-radius: 1.375rem;
    background: linear-gradient(148deg, #6898f8 0, #2c68e0 100%)
}

.coupon__list .coupon__download .coupon__download--close {
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: 50%;
    bottom: 3.75rem;
    margin-left: -.625rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/download-close.png?_=1547019560559) no-repeat center center/contain
}

.coupon__list .coupon__empty--icon {
    text-align: center;
    padding-top: 6.875rem;
    margin-bottom: 1.5rem
}

.coupon__list .coupon__empty--icon img {
    width: 10rem;
    height: 10rem
}

.coupon__list .coupon__empty--msg {
    font-size: 1rem;
    line-height: 1.375rem;
    text-align: center;
    color: #9399a5
}

.coupon__qrcode {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100
}

.coupon__qrcode .coupon__qrcode--content {
    width: 15.625rem;
    height: 26rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    -moz-transform: translate(-50%, -55%);
    -o-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    font-size: 0
}

.coupon__qrcode .coupon__qrcode--content .coupon__qrcode--header {
    width: 100%;
    height: 2.25rem;
    text-align: center;
    color: #fff;
    font-size: .8125rem;
    line-height: 2.25rem;
    background: linear-gradient(135deg, #ff8e89 0, #f5615b 100%)
}

.coupon__qrcode .coupon__qrcode--content .coupon__qrcode--bonus {
    width: 100%;
    text-align: center;
    padding: 1.375rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/dot-line.png?_=1547019560559) no-repeat center center;
    background-size: 100% auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff
}

.coupon__qrcode .coupon__qrcode--content .coupon__qrcode--bonus .coupon__qrcode--bonus--subtitle {
    font-size: 2rem;
    color: #fe615a;
    line-height: 2.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.coupon__qrcode .coupon__qrcode--content .coupon__qrcode--bonus .coupon__qrcode--bonus--desc {
    font-size: .875rem;
    color: rgba(16, 29, 55, .4);
    line-height: 1.25rem
}

.coupon__qrcode .coupon__qrcode--content .coupon__qrcode--line {
    width: 100%;
    height: 1rem
}

.coupon__qrcode .coupon__qrcode--content .coupon__qrcode--line img {
    width: 100%;
    height: 1.041875rem;
    margin-top: -.020625rem
}

.coupon__qrcode .coupon__qrcode--content .coupon__qrcode--code {
    width: 100%;
    padding: 1.625rem 1.375rem;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-border-radius: 0 0 .5rem .5rem;
    -moz-border-radius: 0 0 .5rem .5rem;
    border-radius: 0 0 .5rem .5rem
}

.coupon__qrcode .coupon__qrcode--content .coupon__qrcode--code img {
    width: 10.875rem;
    height: 10.875rem;
    margin: 0 auto .25rem
}

.coupon__qrcode .coupon__qrcode--content .coupon__qrcode--code p {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #9399a5
}

.coupon__qrcode .coupon__qrcode--close {
    width: 1.875rem;
    height: 1.875rem;
    position: absolute;
    left: 50%;
    margin-left: -1.25rem;
    bottom: 2.5rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/qr-close.png?_=1547019560559) no-repeat center center/contain
}

.detail__coupon {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, .4)
}

.detail__coupon .detail__coupon--content {
    position: absolute;
    left: 0;
    bottom: -29.6875rem;
    width: 100%;
    height: 29.6875rem;
    transition: bottom 1s ease-in-out;
    -moz-transition: bottom 1s ease-in-out;
    -webkit-transition: bottom 1s ease-in-out;
    -o-transition: bottom 1s ease-in-out;
    background: #fff
}

.detail__coupon .detail__coupon--content .detail__coupon--header {
    width: 100%;
    height: 3.75rem;
    border-bottom: 1px solid #e4e6f0;
    font-size: 1rem;
    line-height: 3.75rem;
    text-align: center;
    position: relative
}

.detail__coupon .detail__coupon--content .detail__coupon--header i {
    width: 3.75rem;
    height: 3.75rem;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/coupon-close.png?_=1547019560559) no-repeat center center/contain;
    background-size: 20% 20%;
    cursor: pointer
}

.detail__coupon .detail__coupon--content .coupon__list {
    width: 100%;
    height: 25.9375rem;
    overflow-y: scroll;
    min-height: 25.9375rem
}

.house__bonus .house__bonus__box {
    width: 95%;
    overflow: auto
}

.house__bonus .house__bonus__box .house__bonus__main {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.contact-phone-box {
    padding-top: 1rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.contact-phone-box .text {
    max-width: 70%
}

.contact-phone-box .text h3 {
    line-height: 1.375rem;
    margin-bottom: .0625rem;
    font-size: 1rem;
    font-weight: 700
}

.contact-phone-box .text p {
    font-size: .8125rem;
    line-height: 1.125rem;
    color: #9399a5
}

.contact-phone-box .call span {
    display: inline-block;
    height: 1.875rem;
    line-height: 1.9375rem;
    border: .0625rem solid #3072f6;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    border-radius: 5rem;
    padding: 0 .75rem;
    color: #3072f6;
    font-size: .8125rem;
    cursor: pointer
}

.phone__pop__layer {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    left: 0;
    top: 0
}

.phone__pop__layer .pop__bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    top: 0
}

.phone__pop__layer .pop__content {
    width: 19rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: #fff;
    -webkit-border-radius: .1875rem;
    -moz-border-radius: .1875rem;
    border-radius: .1875rem;
    z-index: 1
}

.phone__pop__layer .pop__content h3 {
    padding: 1.23rem 0 0;
    font-size: 1.0625rem;
    text-align: center;
    color: #333
}

.phone__pop__layer .pop__content .pop__text {
    padding: 1.25rem;
    font-size: .875rem
}

.phone__pop__layer .pop__content .pop__text p {
    line-height: 1.8;
    margin-top: .5rem;
    color: #9399a5
}

.phone__pop__layer .pop__content .pop__text p:first-child {
    margin-top: 0
}

.phone__pop__layer .pop__btn {
    border-top: .5px solid #bcbcbc;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
}

.phone__pop__layer .pop__btn a {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2.96875rem;
    line-height: 2.96875rem;
    font-size: .9375rem;
    font-weight: 700
}

.phone__pop__layer .pop__btn a:first-child {
    border-right: .5px solid #bcbcbc;
    color: #999
}

.phone__pop__layer .pop__btn a:last-child {
    color: #3072f6
}

.layer_bottom_box.layer_evaluation_box {
    z-index: 10000
}

.layer_bottom_box.layer_evaluation_box .chose_container {
    margin-bottom: 2.5rem
}

.layer_bottom_box.layer_evaluation_box .chose_title {
    margin-bottom: 1.5625rem
}

.layer_bottom_box.layer_evaluation_box .chose_title h3 {
    font-size: 1.1875rem;
    line-height: 1.625rem;
    font-weight: 700
}

.layer_bottom_box.layer_evaluation_box .chose_title p {
    line-height: 1.1875rem;
    font-size: .8125rem;
    color: #9399a5
}

.layer_bottom_box.layer_evaluation_box .chose_radio li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    text-align: center;
    line-height: 1.125rem;
    color: #9399a5;
    font-size: .8125rem;
    cursor: pointer
}

.layer_bottom_box.layer_evaluation_box .chose_radio li i {
    display: block;
    margin: 0 auto .3125rem;
    width: 1.875rem;
    height: 1.875rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.layer_bottom_box.layer_evaluation_box .chose_radio li.cur {
    color: #101d37
}

.layer_bottom_box.layer_evaluation_box .chose_radio li.good i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/evaluation/satisfied@3x.png?_=1547019560559)
}

.layer_bottom_box.layer_evaluation_box .chose_radio li.good.cur i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/evaluation/satisfied_c@3x.png?_=1547019560559)
}

.layer_bottom_box.layer_evaluation_box .chose_radio li.bad i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/evaluation/not_satisfied@3x.png?_=1547019560559)
}

.layer_bottom_box.layer_evaluation_box .chose_radio li.bad.cur i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/detail/evaluation/not_satisfied_c@3x.png?_=1547019560559)
}

.layer_bottom_box.layer_evaluation_box .evaluation_text_box .textarea_main {
    height: 4.375rem
}

.layer_bottom_box.layer_evaluation_box .evaluation_text_box .textarea_box {
    position: relative
}

.layer_bottom_box.layer_evaluation_box .evaluation_text_box .textarea_count {
    position: absolute;
    bottom: .75rem;
    right: .75rem;
    color: #ced2d6;
    font-size: .8125rem
}

.layer_bottom_box.layer_evaluation_box .evaluation_text_box .textarea_main, .layer_bottom_box.layer_evaluation_box .evaluation_text_box input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e4e6f0;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    padding: .625rem .75rem .75rem;
    font-size: .8125rem;
    color: #9399a5;
    outline: 0;
    -webkit-appearance: none
}

.layer_bottom_box.layer_evaluation_box .chose_box {
    margin-top: 1.5625rem
}

.layer_bottom_box.layer_evaluation_box .evaluation_list li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f8f8f9;
    height: 2.1875rem;
    line-height: 2.1875rem;
    text-align: center;
    margin-bottom: .9375rem;
    background: #f8f8f9;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    font-size: .75rem;
    width: 30.3%;
    cursor: pointer
}

.layer_bottom_box.layer_evaluation_box .evaluation_list li:nth-child(2), .layer_bottom_box.layer_evaluation_box .evaluation_list li:nth-child(5) {
    margin-left: 4%;
    margin-right: 4%
}

.layer_bottom_box.layer_evaluation_box .evaluation_list li.cur {
    background: #fff;
    border: 1px solid #1a1a1a;
    color: #101d37;
    font-weight: 700
}

.ui__layer.ui__layer__evaluation {
    z-index: 10001
}

.ui__layer.ui__layer__evaluation .title_text {
    text-align: left
}

.icon--200301003000 {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/brand/21century.png?_=1547019560559)
}

.icon--jijia {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/brand/jijia.png?_=1547019560559)
}

.icon--200301004000 {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/brand/leyoujia.png?_=1547019560559)
}

.icon--200301001000 {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/brand/lianjia.png?_=1547019560559)
}

.icon--200305003000 {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/brand/qfang.png?_=1547019560559)
}

.icon--200301002000 {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/brand/wiwj.png?_=1547019560559)
}

.icon--200301007000 {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/brand/zhonghuan.png?_=1547019560559)
}

.icon--200301005000 {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/brand/zhongyuan.png?_=1547019560559)
}

.icon--200302002000 {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/detail/index.css/../../../resource/img/brand/ziru.png?_=1547019560559)
}

.greport {
    position: relative;
    z-index: 98
}

.greport .greport--bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, .8)
}

.greport .greport--container {
    position: fixed;
    top: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
    z-index: 100;
    -webkit-border-radius: .1875rem;
    -moz-border-radius: .1875rem;
    border-radius: .1875rem;
    background-color: #fff;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem
}

.greport .greport--container .greport--wrap {
    max-height: 16rem;
    overflow: auto
}

.greport .greport--container h3 {
    font-size: 1.375rem;
    font-weight: 700
}

.greport .greport--container .greport--subtitle {
    margin-top: .75rem;
    margin-bottom: .75rem;
    color: #9399a5
}

.greport .greport--container .greport--input {
    width: 100%;
    height: 4.5rem;
    padding: .625rem .5rem;
    background-color: #f6f6f6;
    font-size: .875rem;
    resize: none
}

.greport .greport--container ul {
    margin-bottom: .75rem
}

.greport .greport--container .greport--item {
    font-size: 1rem;
    height: 3.5rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    padding-right: 2rem;
    position: relative
}

.greport .greport--container .greport--button {
    line-height: 3rem;
    text-align: center;
    font-size: 1rem;
    color: #9399a5;
    cursor: pointer
}

.greport .greport--container .greport--button--success {
    color: #fffefe;
    background-color: #101d37;
    font-weight: 700;
    -webkit-border-radius: .1875rem;
    -moz-border-radius: .1875rem;
    border-radius: .1875rem;
    margin-top: 1.3125rem
}

.greport .greport--container .checked .checkbox {
    background-color: #101d37;
    border-color: #101d37;
    text-align: center;
    line-height: .5rem
}

.greport .greport--container .checked .checkbox:before {
    content: ' ';
    display: inline-block;
    width: .625rem;
    height: .375rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: .0625rem solid #fff;
    border-right-color: transparent;
    border-top-color: transparent;
    -webkit-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.greport .greport--container .checkbox {
    float: right;
    width: 1.25rem;
    height: 1.25rem;
    border: .125rem solid rgba(62, 65, 67, .1);
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    margin-top: 1.125rem;
    position: absolute;
    right: .5rem
}

.desc2 {
    display: inline-block;
    width: .625rem;
    height: .625rem;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}









a, abbr, acronym, address, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    line-height: 1;
    vertical-align: baseline;
    tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

li, ol, ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #101d37
}

a:hover {
    text-decoration: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

input, textarea {
    tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

input[disabled], textarea[disabled] {
    opacity: 1
}

a, button {
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: Helvetica, sans-serif;
    text-size-adjust: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none
}

a, img {
    touch-callout: none;
    -webkit-touch-callout: none
}

img {
    max-width: 100%
}

body, html {
    font-size: .8125rem;
    user-select: none;
    -webkit-user-select: none
}

body {
    overflow-y: auto;
    font-family: PingFang-SC-Regular, Helvetica, sans-serif;
    overflow-scrolling: touch;
    text-size-adjust: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    color: #101d37;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    padding: 0
}

textarea::-moz-placeholder {
    color: #9399a5
}

textarea:-ms-input-placeholder {
    color: #9399a5
}

textarea::-webkit-input-placeholder {
    color: #9399a5
}

input::-moz-placeholder {
    color: #9399a5
}

input:-ms-input-placeholder {
    color: #9399a5
}

input::-webkit-input-placeholder {
    color: #9399a5
}

input, input[type=text] {
    -webkit-appearance: none
}

textarea {
    -webkit-appearance: none
}

.body--fixed {
    overflow: hidden
}

.wrapper {
    max-width: 64rem;
    margin: 0 auto
}

.show {
    display: block
}

.hide {
    display: none
}

.hidden {
    display: none !important
}

.oneline {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.borderbox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.fl {
    float: left
}

.fr {
    float: right
}

.wxshare-config {
    visibility: hidden;
    height: 0
}

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

[data-el] {
    cursor: pointer
}

.page_empty_box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding-top: 9rem
}

.page_empty_box i {
    display: inline-block;
    width: 4.75rem;
    height: 4.75rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/list/icon_empty.png?_=1547009085736) no-repeat left top;
    background-size: cover
}

.page_empty_box .empty_box_title {
    margin-top: 2.125rem;
    margin-bottom: .9375rem;
    font-size: 1.0625rem;
    font-weight: 700
}

.header--common {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 3.125rem;
    padding: 0 1.1875rem 0 1.25rem;
    background-color: #fff;
    border-bottom: 1px solid #e4e6f0;
    text-align: left
}

.header--common, .header--common .switch_city {
    color: #222;
    line-height: 3.125rem
}

.header--common > .box_col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #222
}

.header--common .logo_wrap {
    display: block;
    height: 100%;
    overflow: hidden
}

.header--common .city_wrap {
    display: inline-block;
    padding: 0 .5rem;
    font-size: 0;
    vertical-align: middle
}

.header--common .switch_city {
    display: inline-block;
    vertical-align: top
}

.header--common .switch_city .city {
    font-size: .8125rem;
    vertical-align: middle
}

.header--common .opt_box {
    height: 100%;
    text-align: right
}

.header--common .app, .header--common .my {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 2.5rem;
    height: 100%;
    line-height: 1em;
    padding-top: .5rem;
    font-size: .75rem;
    color: #3072f6;
    text-align: center
}

.header--common .app span, .header--common .my span {
    display: block;
    padding-top: .125rem;
    -webkit-transform: scale(.917);
    -ms-transform: scale(.917);
    -moz-transform: scale(.917);
    -o-transform: scale(.917);
    transform: scale(.917)
}

.header--common .header_back:after, .header--common .icon_pull, .header--common .icon_user, .header--common .logo, .home_header .icon_user {
    font-size: 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none
}

.header--common .header_back {
    display: inline-block;
    height: 100%;
    font-size: 0;
    margin-right: .875rem;
    vertical-align: top
}

.header--common .header_back:after {
    content: "";
    height: 1.125rem;
    width: .625rem;
    margin: .9375rem 0 0 0;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/back.png?_=1547009085736) no-repeat center center/contain
}

.header--common .logo {
    width: 5.53125rem;
    height: 100%;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/logo.png?_=1547009085736) no-repeat center center/contain
}

.header--common .icon_user {
    width: 1.0625rem;
    height: 1.125rem;
    margin-top: 1rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/user.png?_=1547009085736) no-repeat center center/contain
}

.header--common .icon_pull {
    width: .5625rem;
    height: .5625rem;
    background-size: .5625rem;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/down.png?_=1547009085736);
    margin: .4rem 0 0 .18rem;
    vertical-align: middle
}

.header--common .center, .header--common .left, .header--common .right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 0;
    font-size: 0
}

.header--common .left {
    text-align: left
}

.header--common .right {
    text-align: right
}

.header_xinfang .logo {
    width: 2rem;
    height: 2rem;
    margin: 0 1.5rem;
    -moz-background-size: 2rem 62.375rem;
    -o-background-size: 2rem 62.375rem;
    background-size: 2rem 62.375rem;
    -webkit-transform: scale(3.15);
    -ms-transform: scale(3.15);
    -moz-transform: scale(3.15);
    -o-transform: scale(3.15);
    transform: scale(3.15);
    background-position: 0 -31.47rem;
    vertical-align: middle
}

.header_haiwai .logo {
    width: 6.3rem;
    height: 100%;
    background-size: 6.3rem;
    background-position: 0 -38.99375rem
}

.header_haiwai .icon_user {
    background-position: 0 -6.4125rem
}

.header--common.header_haiwai {
    background: #fff
}

.header--common.header_haiwai .app, .header--common.header_haiwai .my, .header--common.header_haiwai .switch_city {
    color: #101d37
}

.header--common.header_haiwai .switch_city {
    line-height: 3.125rem
}

.header--common.header_haiwai .header_back:after {
    background-position: 0 -5.9375rem
}

.header_white .header_title {
    line-height: 1.5625rem;
    font-size: 1.125rem;
    padding-top: .625rem
}

.lianjia_header .header_back:after {
    content: "";
    height: 1.125rem;
    width: .625rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/back1.png?_=1547009085736) no-repeat center center/contain
}

.lianjia_header .logo {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/logo3.png?_=1547009085736) no-repeat center center/contain
}

.lianjia_header .icon_user {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/user1.png?_=1547009085736) no-repeat center center/contain
}

@-webkit-keyframes fixedIn {
    0% {
        -webkit-transform: translateY(110%);
        -ms-transform: translateY(110%);
        -moz-transform: translateY(110%);
        -o-transform: translateY(110%);
        transform: translateY(110%)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes fixedIn {
    0% {
        -webkit-transform: translateY(110%);
        -ms-transform: translateY(110%);
        -moz-transform: translateY(110%);
        -o-transform: translateY(110%);
        transform: translateY(110%)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fixedIn {
    0% {
        -webkit-transform: translateY(110%);
        -ms-transform: translateY(110%);
        -moz-transform: translateY(110%);
        -o-transform: translateY(110%);
        transform: translateY(110%)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes fixedIn {
    0% {
        -webkit-transform: translateY(110%);
        -ms-transform: translateY(110%);
        -moz-transform: translateY(110%);
        -o-transform: translateY(110%);
        transform: translateY(110%)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fixedIn {
    0% {
        -webkit-transform: translateY(110%);
        -ms-transform: translateY(110%);
        -moz-transform: translateY(110%);
        -o-transform: translateY(110%);
        transform: translateY(110%)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.common-form-title-container {
    background: #fff;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .05);
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem;
    padding: 1.25rem 0;
    text-align: center
}

.common-form-title-container .form-title-h4 {
    padding-bottom: .625rem;
    font-size: 1.1875rem;
    font-weight: 700
}

.common-form-title-container .form-title-desc {
    color: #9399a5;
    font-size: .8125rem
}

.common-form-text-container {
    padding: 1.1875rem 1.25rem .3125rem;
    margin-bottom: .75rem;
    background: #fff;
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .05)
}

.common-form-text-container .common-form-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    padding-bottom: .75rem;
    font-size: 1rem
}

.common-form-text-container .common-form-inline label {
    flex-shrink: 0;
    min-width: 4rem;
    line-height: 1.375rem
}

.common-form-text-container .common-form-inline span {
    line-height: 1.375rem
}

.common-form-footer, .common-form-header {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 1.25rem 1.5rem
}

.common-form-header {
    border-bottom: .0625rem dashed #e4e6f0
}

.common-form-footer {
    border-top: .0625rem dashed #e4e6f0
}

.common-form-footer:after, .common-form-footer:before, .common-form-header:after, .common-form-header:before {
    content: '';
    display: inline-block;
    width: .75rem;
    height: .75rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    background: #f8f8f9
}

.common-form-header:after, .common-form-header:before {
    bottom: -.375rem
}

.common-form-footer:after, .common-form-footer:before {
    top: -.375rem
}

.common-form-footer:before, .common-form-header:before {
    bottom: -.375rem;
    left: -.375rem
}

.common-form-footer:after, .common-form-header:after {
    right: -.375rem
}

.common-form-radius-container {
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .08)
}

.common-form-container, .common-form-radius-container {
    margin-bottom: .75rem;
    background: #fff
}

.common-form-container .common-form-h3, .common-form-container .common-form-noborder-h3, .common-form-radius-container .common-form-h3, .common-form-radius-container .common-form-noborder-h3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-top: 1.25rem;
    line-height: 1.625rem;
    font-size: 1.1875rem;
    font-weight: 500;
    color: #101d37
}

.common-form-container .common-form-h3, .common-form-radius-container .common-form-h3 {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e5e5e5
}

.common-form-container .common-form-inline, .common-form-radius-container .common-form-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.common-form-container .common-form-inline > div, .common-form-radius-container .common-form-inline > div {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.common-form-container .common-form-linebox, .common-form-radius-container .common-form-linebox {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem
}

.common-form-container .common-form-inline, .common-form-container .common-form-linebox, .common-form-radius-container .common-form-inline, .common-form-radius-container .common-form-linebox {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    border-bottom: 1px solid #e5e5e5
}

.common-form-container .common-form-inline:last-child, .common-form-container .common-form-linebox:last-child, .common-form-radius-container .common-form-inline:last-child, .common-form-radius-container .common-form-linebox:last-child {
    border-bottom: none
}

.common-form-container .common-form-inline p, .common-form-container .common-form-linebox p, .common-form-radius-container .common-form-inline p, .common-form-radius-container .common-form-linebox p {
    line-height: 1.375rem
}

.common-form-container .common-form-inline .inline-title, .common-form-container .common-form-linebox .inline-title, .common-form-radius-container .common-form-inline .inline-title, .common-form-radius-container .common-form-linebox .inline-title {
    font-size: 1rem
}

.common-form-container .common-form-inline .inline-text, .common-form-container .common-form-linebox .inline-text, .common-form-radius-container .common-form-inline .inline-text, .common-form-radius-container .common-form-linebox .inline-text {
    font-size: .8125rem
}

.common-form-container .common-form-inline .title-info, .common-form-container .common-form-inline label, .common-form-container .common-form-linebox .title-info, .common-form-container .common-form-linebox label, .common-form-radius-container .common-form-inline .title-info, .common-form-radius-container .common-form-inline label, .common-form-radius-container .common-form-linebox .title-info, .common-form-radius-container .common-form-linebox label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0;
    line-height: 1.375rem;
    padding-right: 1rem;
    font-size: 1rem;
    color: #101d37
}

.common-form-container .common-form-inline .label-whole-line, .common-form-container .common-form-linebox .label-whole-line, .common-form-radius-container .common-form-inline .label-whole-line, .common-form-radius-container .common-form-linebox .label-whole-line {
    width: 100%;
    padding-right: 0
}

.common-form-container .common-form-inline .label-whole-line input, .common-form-container .common-form-linebox .label-whole-line input, .common-form-radius-container .common-form-inline .label-whole-line input, .common-form-radius-container .common-form-linebox .label-whole-line input {
    width: 100%;
    text-align: left;
    padding: 0
}

.common-form-container .common-form-inline .select-info, .common-form-container .common-form-inline .text-info, .common-form-container .common-form-linebox .select-info, .common-form-container .common-form-linebox .text-info, .common-form-radius-container .common-form-inline .select-info, .common-form-radius-container .common-form-inline .text-info, .common-form-radius-container .common-form-linebox .select-info, .common-form-radius-container .common-form-linebox .text-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    font-size: 1rem;
    font-weight: 400
}

.common-form-container .common-form-inline .select-info:after, .common-form-container .common-form-linebox .select-info:after, .common-form-radius-container .common-form-inline .select-info:after, .common-form-radius-container .common-form-linebox .select-info:after {
    content: ' ';
    display: inline-block;
    margin-left: .3125rem;
    width: .9375rem;
    height: .9375rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/credit/arrow-right.png?_=1547009085736) no-repeat center center/contain
}

.common-form-container .common-form-inline input, .common-form-container .common-form-linebox input, .common-form-radius-container .common-form-inline input, .common-form-radius-container .common-form-linebox input {
    outline: 0;
    border: 0;
    font-size: 1rem;
    text-align: right;
    width: 80%;
    height: 1.375rem;
    line-height: 1.375rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.common-form-container .common-form-inline input::-webkit-input-placeholder, .common-form-container .common-form-linebox input::-webkit-input-placeholder, .common-form-radius-container .common-form-inline input::-webkit-input-placeholder, .common-form-radius-container .common-form-linebox input::-webkit-input-placeholder {
    color: #ced2d6 !important
}

.common-form-container .common-form-inline .common-form-line-tips, .common-form-container .common-form-inline .label-whole-line-tips, .common-form-container .common-form-linebox .common-form-line-tips, .common-form-container .common-form-linebox .label-whole-line-tips, .common-form-radius-container .common-form-inline .common-form-line-tips, .common-form-radius-container .common-form-inline .label-whole-line-tips, .common-form-radius-container .common-form-linebox .common-form-line-tips, .common-form-radius-container .common-form-linebox .label-whole-line-tips {
    font-size: .8125rem;
    color: #ced2d6;
    line-height: 1.125rem
}

.common-form-container .common-form-inline .text-info-import, .common-form-container .common-form-linebox .text-info-import, .common-form-radius-container .common-form-inline .text-info-import, .common-form-radius-container .common-form-linebox .text-info-import {
    font-size: 1.1875rem
}

.common-form-container .placeholder, .common-form-radius-container .placeholder {
    color: #ced2d6
}

input[disabled=disabled] {
    background-color: #fff;
    opacity: 1;
    -webkit-opacity: 1
}

.blue-big-btn, .blue-middle-btn, .grey-big-btn, .white-middle-btn, .yellow-big-btn, .yellow-middle-btn {
    cursor: pointer;
    display: inline-block;
    border: 0;
    outline: 0;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem
}

.blue-big-btn, .grey-big-btn, .yellow-big-btn {
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    height: 3.125rem;
    line-height: 3.125rem
}

.blue-big-btn, .blue-middle-btn {
    color: #fff;
    background-image: linear-gradient(147deg, #6898f8 0, #2c68e0 100%)
}

.yellow-big-btn, .yellow-middle-btn {
    background-image: linear-gradient(135deg, #fd0 0, #ffca00 100%)
}

.white-middle-btn {
    background: #fff
}

.grey-big-btn {
    background: #e4e6f0;
    color: #9399a5
}

.blue-middle-btn, .white-middle-btn, .yellow-middle-btn {
    font-size: .8125rem;
    height: 2.75rem;
    line-height: 2.8125rem
}

.white-middle-btn {
    border: 1px solid #101d37
}

.blue-small-btn {
    background: linear-gradient(90deg, #6898f8 0, #2c68e0 100%);
    width: 48.5%
}

.green-small-btn {
    background: linear-gradient(90deg, #49d7b3 0, #29b09c 100%);
    width: 48.5%;
    margin-right: 2%

}

.red-small-btn {
    background: red;
    width: 48.5%;
    margin-right: 2%
}


.tips-btn {
    padding-top: .625rem;
    text-align: center;
    line-height: 1.375rem
}

.tips-btn .tips-text {
    line-height: .875rem;
    font-size: .625rem;
    opacity: .5;
    color: #9ebaf3
}

.fixed-bottom-btn-container {
    height: 5.125rem
}

.fixed-bottom-btn-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 1.5rem;
    padding-top: 1.5rem;
    background: #fff;
    position: fixed;
    z-index: 2;
    bottom: -1px;
    left: 0;
    right: 0
}

.fixed-bottom-btn-box ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% + .75rem);
    height: 100%;
    margin-left: -.7rem
}

.fixed-bottom-btn-box .fixed--aside, .fixed-bottom-btn-box .fixed--button {
    text-align: center;
    cursor: pointer;
    vertical-align: middle
}

.fixed-bottom-btn-box .fixed--aside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed-bottom-btn-box .fixed--aside > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 3rem;
    line-height: 1rem;
    word-break: keep-all;
    font-size: .6875rem;
    color: #101d37
}

.fixed-bottom-btn-box .fixed--aside i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto .125rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.fixed-bottom-btn-box .favorite-box i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/detail/heart.png?v_2018041018)
}

.fixed-bottom-btn-box .favorite-box.clicked i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/detail/hearted.png?v_2018041018)
}

.fixed-bottom-btn-box .signPayment-box i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/detail/sign.png?v_2018041018);
    background-size: 80%
}

.fixed-bottom-btn-box .fixed--button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .5rem;
    width: 100%;
    cursor: pointer;
    border: 0;
    outline: 0;
    font-size: 0;
    color: #fff
}

.fixed-bottom-btn-box .fixed--button span {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 3.125rem;
    line-height: 3.125rem;
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem;
    text-align: center;
    font-size: 1rem;
    color: #fff
}

.fixed-bottom-btn-box .fixed--button span.blue_big_btn {
    width: 100%;
    cursor: pointer;
    background: linear-gradient(147deg, #6898f8 0, #2c68e0 100%)
}

.fixed-bottom-btn-box .fixed--button span.grey_big_btn {
    width: 100%;
    background: #e4e6f0
}

.fixed-bottom-btn-box .fixed--button span.blue_small_btn {
    background: linear-gradient(90deg, #6898f8 0, #2c68e0 100%);
    width: 49%;
    cursor: pointer
}

.fixed-bottom-btn-box .fixed--button span.green_small_btn {
    background: linear-gradient(90deg, #49d7b3 0, #29b09c 100%);
    width: 48.6%;
    margin-right: 2.8%;
    cursor: pointer
}

.fixed-bottom-btn-box {
    bottom: -2px !important;
    bottom: -webkit-calc(constant(safe-area-inset-bottom) - 2) !important;
    bottom: calc(constant(safe-area-inset-bottom) - 2px) !important;
    bottom: -webkit-calc(env(safe-area-inset-bottom) - 2) !important;
    bottom: calc(env(safe-area-inset-bottom) - 2px) !important
}

.fixed-bottom-btn-box:after {
    height: 0 !important;
    height: -webkit-calc(constant(safe-area-inset-bottom) + 0) !important;
    height: calc(constant(safe-area-inset-bottom) + 0px) !important;
    height: -webkit-calc(env(safe-area-inset-bottom) + 0) !important;
    height: calc(env(safe-area-inset-bottom) + 0px) !important;
    display: block !important;
    content: "" !important;
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    background: #fff !important
}

.fixed_bottom_text_box {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    padding-top: .625rem;
    padding-bottom: .625rem;
    text-align: center;
    line-height: 1.125rem;
    font-size: .8125rem
}

.fixed_bottom_text_box a {
    color: #3072f6
}

.fixed-bottom-faq {
    bottom: 0 !important;
    bottom: -webkit-calc(constant(safe-area-inset-bottom) - 0) !important;
    bottom: calc(constant(safe-area-inset-bottom) - 0px) !important;
    bottom: -webkit-calc(env(safe-area-inset-bottom) - 0) !important;
    bottom: calc(env(safe-area-inset-bottom) - 0px) !important
}

.fixed-bottom-faq:after {
    height: 0 !important;
    height: -webkit-calc(constant(safe-area-inset-bottom) + 0) !important;
    height: calc(constant(safe-area-inset-bottom) + 0px) !important;
    height: -webkit-calc(env(safe-area-inset-bottom) + 0) !important;
    height: calc(env(safe-area-inset-bottom) + 0px) !important;
    display: block !important;
    content: "" !important;
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    background: #fff !important
}

.ui__toast {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10000;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ui__toast .ui__toast__content {
    min-width: 8.125rem;
    max-width: 12.5rem;
    background-color: rgba(0, 0, 0, .7);
    -webkit-border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    border-radius: .625rem;
    text-align: center;
    padding: 1.875rem;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.ui__toast .ui__toast__icon {
    margin: 0 auto .5rem
}

.ui__toast .ui__toast__icon--error, .ui__toast .ui__toast__icon--warn {
    display: block;
    position: relative;
    width: 2.625rem;
    height: 2.625rem;
    margin: 0 auto;
    border: 0;
    -webkit-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer
}

.ui__toast .ui__toast__icon--error::after, .ui__toast .ui__toast__icon--error::before, .ui__toast .ui__toast__icon--warn::after {
    content: " ";
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    background-color: #fff;
    position: absolute;
    left: 50%
}

.ui__toast .ui__toast__icon--error::after, .ui__toast .ui__toast__icon--error::before {
    width: .125rem;
    height: 100%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem
}

.ui__toast .ui__toast__icon--error::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ui__toast .ui__toast__icon--success {
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
    border-left: .125rem solid #fff;
    border-bottom: .125rem solid #fff;
    -webkit-transform: translate(15%, -50%) rotate(-45deg);
    -webkit-transform: translate(15%, -50%) rotate(-45deg);
    -ms-transform: translate(15%, -50%) rotate(-45deg);
    -moz-transform: translate(15%, -50%) rotate(-45deg);
    -o-transform: translate(15%, -50%) rotate(-45deg);
    transform: translate(15%, -50%) rotate(-45deg)
}

.ui__toast .ui__toast__icon--warn {
    width: 2.5rem;
    height: 2.5rem;
    border: .125rem solid #fff
}

.ui__toast .ui__toast__icon--warn:before {
    position: absolute;
    content: " ";
    width: .125rem;
    height: 50%;
    background-color: #fff;
    top: .3125rem;
    left: 50%;
    margin-left: -.0625rem
}

.ui__toast .ui__toast__icon--warn:after {
    width: .25rem;
    height: .25rem;
    -webkit-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    top: 72%;
    margin-left: -.125rem
}

.ui__toast .ui__toast__msg {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #fff
}

.ui__confirm--bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 9998
}

.ui__confirm {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 90%;
    min-width: 70%
}

.ui__confirm .ui__confirm__content {
    width: 100%;
    background-color: #fff;
    -webkit-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    text-align: center
}

.ui__confirm .ui__confirm__content .ui__confirm__title {
    font-size: 1rem;
    font-weight: 700;
    padding-top: 1.4375rem
}

.ui__confirm .ui__confirm__content .ui__confirm__msg {
    padding-bottom: 1.9375rem;
    padding-top: .9375rem;
    padding-left: 1.8125rem;
    line-height: 1.2rem;
    padding-right: 1.8125rem
}

.ui__confirm .ui__confirm__content .ui__confirm__button--wrapper {
    border-top: 1px solid #e9e9e9;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around
}

.ui__confirm .ui__confirm__content .ui__confirm__button {
    width: 50%;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    height: 3.1875rem;
    line-height: 3.1875rem;
    font-size: .9375rem;
    color: #3072f6;
    cursor: pointer
}

.ui__confirm .ui__confirm__content .ui__confirm__button:nth-child(2) {
    border-left: 1px solid #e9e9e9
}

.ui__layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

.ui__layer__blur {
    -webkit-filter: blur(.5rem);
    filter: blur(.5rem);
    transition: filfilter .1s ease;
    -moz-transition: filfilter .1s ease;
    -webkit-transition: filfilter .1s ease;
    -o-transition: filfilter .1s ease
}

.ui__layer__mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9998
}

.ui__layer__box {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 1.875rem
}

.ui__layer__box .ui__layer__wrap {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 .3125rem rgba(0, 0, 0, .2);
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem;
    text-align: center;
    padding: 3.75rem 2.5rem
}

.ui__layer__box .ui__layer__wrap .ui__layer__header {
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-bottom: 1.3125rem
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_text .title_text_main {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_text h3 {
    display: inline-block;
    line-height: 1.875rem;
    margin-bottom: .25rem;
    margin-top: 0;
    font-size: 1.5rem;
    color: #030303;
    font-weight: 700
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_text em.em-title-brand {
    font-weight: 400;
    font-size: .6875rem;
    color: #9398a5;
    margin-left: .4375rem;
    margin-right: .34375rem;
    background: #eff0f2;
    padding: .1875rem;
    display: inline-block
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img {
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #e4e6f0;
    overflow: hidden;
    display: inline-block;
    background-size: contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/all.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302062000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/guanyu.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302003000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/mofang.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302033000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/wanliu.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302073000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/beike.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302068000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/fengke.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302140000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/bangshe.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302142000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/lehuo.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302019000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/jimei.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302145000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/xinpai.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302069000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/qianyu.png?_=1528352881789) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302144000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/chengjia.png?_=1528352881790) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302047000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/dijiu.png?_=1528352881790) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__header .title_img.flat_icon--200302044000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/brand/tiantian.png?_=1528352881790) no-repeat center center/contain
}

.ui__layer__box .ui__layer__wrap .ui__layer__content {
    text-align: left
}

.ui__layer__box .ui__layer__wrap .ui__layer__content .tel {
    margin-top: .9375rem;
    line-height: 1.625rem;
    font-size: 1.1875rem;
    font-weight: 700
}

.ui__layer__box .ui__layer__wrap .ui__layer__content .tel span {
    color: #3072f6
}

.ui__layer__box .ui__layer__wrap .tips {
    font-size: .8125rem;
    line-height: 1rem;
    color: #9399a5;
    text-align: left
}

.ui__layer__box .ui__layer__wrap .blue-big-btn {
    margin-top: 1.6875rem
}

.ui__layer__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    background: url() no-repeat center center;
    background-size: 30% 30%;
    opacity: .12;
    cursor: pointer
}

.layer_bottom_box {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .4)
}

.layer_bottom_box .layer_bottom_content {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    max-height: 100vh
}

.layer_bottom_box .layer_bottom_header {
    position: relative;
    width: 100%;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1rem
}

.layer_bottom_box .layer_bottom_header h4 {
    height: 3.75rem;
    border-bottom: .0625rem solid #e4e6f0;
    font-size: 1rem;
    line-height: 3.75rem;
    text-align: center;
    position: relative
}

.layer_bottom_box .layer_bottom_header h4.title-h4-left {
    padding-left: 1.5rem;
    text-align: left;
    font-weight: 700
}

.layer_bottom_box .layer_bottom_main {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.1875rem 1.5rem 5.125rem;
    overflow-y: auto
}

.layer_bottom_box .layer_bottom_footer {
    border: 0;
    outline: 0;
    margin: 1rem 1.5rem;
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem;
    font-size: 1rem;
    color: #fff;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    background-image: linear-gradient(147deg, #6898f8 0, #2c68e0 100%)
}

.layer_bottom_box .layer_bottom_close {
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.layer_bottom_box .layer_bottom_close:after, .layer_bottom_box .layer_bottom_close:before {
    content: '';
    display: block;
    width: .0625rem;
    height: 35%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #9399a5;
    opacity: .3
}

.layer_bottom_box .layer_bottom_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translateX(-50%, -50%) rotate(45deg);
    -ms-transform: translateX(-50%, -50%) rotate(45deg);
    -moz-transform: translateX(-50%, -50%) rotate(45deg);
    -o-transform: translateX(-50%, -50%) rotate(45deg);
    transform: translateX(-50%, -50%) rotate(45deg)
}

.layer_bottom_box .layer_bottom_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translateX(-50%, -50%) rotate(-45deg);
    -ms-transform: translateX(-50%, -50%) rotate(-45deg);
    -moz-transform: translateX(-50%, -50%) rotate(-45deg);
    -o-transform: translateX(-50%, -50%) rotate(-45deg);
    transform: translateX(-50%, -50%) rotate(-45deg)
}

.overflow-hidden {
    overflow: hidden
}

.loading {
    position: fixed;
    z-index: 100000;
    width: 100%;
    height: 100%;
    top: 0
}

.loading .shadow-box {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4)
}

.loading .loading__box {
    background: rgba(0, 0, 0, .7);
    width: 6rem;
    height: 6rem;
    position: fixed;
    top: 13rem;
    color: #fff;
    text-align: center;
    right: calc(50% - 2.5rem);
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    padding: .8rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .875rem
}

.loading .loading-icon {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/loading.gif?_=1547009085736);
    background-size: 100%;
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 3.4375rem;
    width: 100%;
    background-color: rgba(255, 255, 255, .96);
    box-shadow: 0 -2px 18px 0 rgba(0, 0, 0, .09);
    display: none
}

.footer ul {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center
}

.footer ul li {
    display: table-cell;
    vertical-align: middle
}

.footer ul li a {
    display: block;
    color: rgba(69, 69, 69, .5);
    font-size: .75rem
}

.footer ul li i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    background: no-repeat center center;
    background-size: cover;
    margin-bottom: .25rem
}

.footer ul .active a {
    color: #36b58a
}

.footer ul .footer_item--zhaofang i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/footer_search.png?_=1547009085736)
}

.footer ul .footer_item--zhaofang.active i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/footer_search_click.png?_=1547009085736)
}

.footer ul .footer_item--guanzhu i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/footer_watch.png?_=1547009085736)
}

.footer ul .footer_item--guanzhu.active i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/footer_watch_click.png?_=1547009085736)
}

.footer ul .footer_item--wode i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/footer_my.png?_=1547009085736)
}

.footer ul .footer_item--wode.active i {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/common/css/common.css/../../../resource/img/footer_my_click.png?_=1547009085736)
}

<
/
style > < style > body, html {
    background-color: #fff
}

.list {
    padding-left: .9375rem;
    padding-right: .9375rem
}

.list h2 {
    font-size: 1.375rem;
    font-weight: 700
}

.list .list__empty {
    text-align: center;
    padding-top: 9rem
}

.list .list__empty i {
    display: inline-block;
    width: 4.75rem;
    height: 4.75rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/list/icon_empty.png?_=1547009085736) no-repeat left top;
    background-size: cover
}

.list .list__empty .list__empty--title {
    margin-top: 2.125rem;
    margin-bottom: .9375rem;
    font-size: 1.0625rem;
    font-weight: 700
}

.list .list__empty .list__empty--subtitle {
    font-size: .8125rem;
    color: #9399a5
}

.list .list__empty1 {
    text-align: center;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.list .list__empty1 .list__empty--subtitle {
    font-size: .8125rem;
    color: #9399a5
}

.list .list__loading {
    text-align: center
}

.list .list__loading:before {
    content: ' ';
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/loading.gif?_=1547009085736);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle
}

.bottom_sug_title {
    text-align: center;
    height: 2rem
}

.bottom_sug_title .rc_title {
    background: #fff;
    display: inline-block;
    padding: 0 .3rem;
    color: #9399a5;
    font-size: .75rem
}

.bottom_sug_title .bottom_sug_line {
    border-bottom: 1px solid #ccc;
    margin-top: -.45rem;
    padding-right: .9375rem
}

.search {
    padding: .75rem;
    background-color: #fff
}

.search a {
    display: block;
    height: 2rem;
    line-height: 2rem;
    padding: 0 1rem;
    background-color: #f5f5f5;
    -webkit-border-radius: .9375rem;
    -moz-border-radius: .9375rem;
    border-radius: .9375rem;
    text-align: center;
    font-size: .8125rem;
    color: #ccc
}

.search a i {
    display: inline-block;
    width: .8125rem;
    height: .8125rem;
    margin-left: .8125rem;
    margin-right: .25rem;
    vertical-align: -.125rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/index/search.png?v_20180203)
}

.filter {
    height: 2.8125rem
}

.filter__title {
    display: table;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.8125rem;
    line-height: 2.8125rem;
    padding-top: .9375rem;
    padding-bottom: .8125rem;
    background-color: #fff;
    border-bottom: 1px solid #e4e6f0;
    overflow: hidden;
    font-size: .875rem
}

.filter__title.filter__title--fixed, .filter__title.filter__title--forcefixed {
    position: fixed;
    top: -1px;
    left: 0;
    z-index: 21;
    height: 1rem
}

.filter__title .filter__title__item {
    display: table-cell;
    text-align: center;
    cursor: pointer
}

.filter__title .filter__title__item span {
    display: inline-block;
    max-width: 4rem
}

.filter__title .filter__title__item i {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .4375rem;
    border: .25rem solid transparent;
    border-top-color: #9ea1a3
}

.filter__title .filter__title__item--selected {
    color: #3072f6
}

.filter__title .filter__title__item--open {
    color: #3072f6
}

.filter__title .filter__title__item--open i {
    border: .25rem solid transparent;
    border-bottom-color: #3072f6;
    vertical-align: .25rem
}

.filter__wrapper {
    position: fixed;
    z-index: 20;
    top: 2.75rem;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5)
}

.filter__list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -webkit-transition: transform .4s ease;
    -o-transition: transform .4s ease
}

.filter__list .rent__type {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 1.25rem
}

.filter__list .rent__type li {
    width: 100%;
    height: 2.8125rem;
    line-height: 2.8125rem;
    border-bottom: 1px solid #e4e6f0
}

.filter__list .rent__type li a {
    text-align: left;
    color: #101d37
}

.filter__list .rent__type li.active {
    color: #3072f6
}

.filter__list .filter__list__box {
    height: 20rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #fff;
    overflow: auto
}

.filter__list dt {
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    font-size: 1.1875rem
}

.filter__list dd {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eaeaea
}

.filter__list dd:last-child {
    border-bottom-width: 0
}

.filter__list dd a {
    display: inline-block;
    width: 4.6875rem;
    height: 1.8125rem;
    line-height: 1.8125rem;
    margin-right: .5rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    font-size: .875rem;
    color: #9399a5
}

.filter__list dd .selected {
    background-color: rgba(48, 114, 246, .15);
    border-color: transparent;
    color: #3072f6
}

.filter__list li a {
    display: block;
    line-height: 3.0625rem;
    font-size: 1rem;
    text-align: center
}

.filter__list li a.selected {
    color: #3072f6
}

.filter__list .filter__list__button {
    background-color: #3072f6;
    font-size: 1rem;
    line-height: 3.4375rem;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    color: #fff
}

.filter__list .filter__list__button--small {
    display: inline-block;
    background-color: #3072f6;
    text-align: center;
    padding: .25rem;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    margin-left: .75rem;
    cursor: pointer;
    font-size: .875rem;
    color: #fff
}

.filter__list.filter__list--show {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.filter__list--brand {
    position: relative;
    height: 20.5625rem
}

.filter__list--brand .brand__dropdown--bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 4.0625rem;
    padding: .78125rem 1.25rem;
    border-top: 1px solid #e4e6f0;
    background: #fff
}

.filter__list--brand .brand__dropdown--bottom .filter__list__button--large {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #3072f6;
    text-align: center;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    font-size: 1rem;
    color: #fff
}

.filter__list--brand .filter__list__box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 16.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    overflow: scroll
}

.filter__list--brand .filter__list__box li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: auto;
    padding: .3125rem;
    border-bottom: 1px solid #e4e6f0
}

.filter__list--brand .filter__list__box li a {
    text-align: left;
    padding: .625rem 0
}

.filter__list--brand .filter__list__box li a .flat_brand_icon {
    display: inline-block;
    float: left;
    width: 3rem;
    height: 3rem;
    border: 1px solid #f5f5f5
}

.filter__list--brand .filter__list__box li a .filter__list--brand--checkbox {
    position: absolute;
    z-index: 2;
    right: 1.25rem;
    top: 1.5625rem;
    display: inline-block;
    width: .9375rem;
    height: .9375rem;
    background: url() center center no-repeat;
    background-size: contain
}

.filter__list--brand .filter__list__box li a .filter__list--brand--info {
    margin-left: 3.375rem
}

.filter__list--brand .filter__list__box li a.selected {
    color: inherit
}

.filter__list--brand .filter__list__box li a.selected .filter__list--brand--checkbox {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/detail/checked.png?_=1547009085736) center center no-repeat;
    background-size: contain
}

.filter__list--brand .filter__list__box li a div {
    margin-left: 3.375rem;
    margin-right: 1.875rem
}

.filter__list--brand .filter__list__box li a h3 {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: .1875rem;
    color: #101d37
}

.filter__list--brand .filter__list__box li a p {
    font-size: .75rem;
    line-height: 1.0625rem;
    margin-top: .0625rem;
    color: #b7b7b7
}

.filter__list--price {
    height: 21rem
}

.filter__list--price .filter__list__box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .5rem;
    padding-bottom: .5rem;
    height: auto;
    max-height: 17.1875rem
}

.filter__list--price .filter__list--price--customize {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.875rem;
    padding: 1.0625rem;
    border-top: 1px solid #e4e6f0;
    background: #fff
}

.filter__list--price .filter__list--price--customize input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-grow: 3;
    -webkit-flex-grow: 3;
    flex-grow: 3;
    width: 0;
    height: 1.75rem;
    margin: 0 .5rem;
    padding: 0 .125rem;
    background: #f5f5f5;
    border: 0;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    text-align: center;
    font-size: .6875rem
}

.filter__list--price .filter__list--price--customize em {
    margin: 0 .3125rem;
    line-height: 1.75rem
}

.filter__list--price .filter__list--price--customize .filter__list__button--small {
    -webkit-box-grow: 5;
    -webkit-flex-grow: 5;
    flex-grow: 5;
    height: 1.75rem;
    line-height: 1.75rem;
    color: #3072f6;
    background-color: #fff;
    border: 1px solid #3072f6;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 0
}

.filter__list--price li {
    text-align: center
}

.filter__list--price li input {
    border: 1px solid #e4e6f0;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    width: 3rem;
    padding-right: .125rem;
    padding-left: .25rem
}

.filter__list--price li:last-child {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    font-size: 1rem
}

.filter__list--area {
    background-color: #fff;
    height: 23.4375rem;
    overflow: hidden
}

.filter__list--area ul {
    padding-top: .5rem;
    padding-bottom: .5rem;
    height: 100%;
    overflow: auto;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.filter__list--area ul:after {
    min-height: calc(100% + 1px)
}

.filter__list--area ul > div {
    min-height: 101%
}

.filter__list--area li a {
    line-height: 2.875rem;
    text-align: left;
    text-indent: 1.5rem
}

.filter__list--area .filter__list--level1 {
    background-color: #fff;
    width: 50%
}

.filter__list--area .filter__list--level2 {
    background-color: #f5f5f5;
    width: 50%
}

.filter__list--area .filter__list--level3 {
    background-color: #f2f2f2
}

.filter__list--area--all .filter__list--level1 {
    width: 28%
}

.filter__list--area--all .filter__list--level2, .filter__list--area--all .filter__list--level3 {
    width: 36%
}

.filter__more--wrapper {
    position: fixed;
    z-index: 22;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)
}

.filter__more--wrapper .filter__more, .filter__more--wrapper .filter__more--bottom {
    position: absolute;
    bottom: 0;
    left: 5rem;
    right: 0;
    transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -webkit-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    background-color: #fff;
    overflow: auto
}

.filter__more--wrapper .filter__more--bottom.filter__more--bottom--show, .filter__more--wrapper .filter__more.filter__more--show {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.filter__more--wrapper .filter__more {
    top: 0;
    overflow: auto
}

.filter__more--wrapper .filter__more dl {
    padding-top: 1.25rem;
    padding-left: 1.5625rem;
    padding-bottom: 4.6875rem
}

.filter__more--wrapper .filter__more dl dt {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 1.1875rem
}

.filter__more--wrapper .filter__more dl dt .quality__desc--icon {
    display: inline-block;
    width: .875rem;
    height: .875rem;
    vertical-align: top;
    margin-left: .5rem;
    margin-top: .25rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/filter-desc.png?_=1547009085736)
}

.filter__more--wrapper .filter__more dl dd {
    padding-bottom: .75rem;
    border-bottom: 1px solid #e4e6f0
}

.filter__more--wrapper .filter__more dl dd:last-child {
    border-bottom: none
}

.filter__more--wrapper .filter__more dl dd a {
    display: inline-block;
    width: 4.6875rem;
    height: 1.8125rem;
    line-height: 1.8125rem;
    margin-right: .5625rem;
    margin-bottom: .6875rem;
    text-align: center;
    border: 1px solid rgba(178, 178, 178, .4);
    -webkit-border-radius: .0625rem;
    -moz-border-radius: .0625rem;
    border-radius: .0625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9399a5;
    font-size: .875rem
}

.filter__more--wrapper .filter__more dl dd a.selected {
    background-color: rgba(48, 114, 246, .15);
    border-color: rgba(48, 114, 246, .15);
    color: #3072f6
}

.filter__more--wrapper .filter__more dl dd .filter__more--quality {
    width: auto;
    min-width: 4.6875rem;
    max-width: calc(100% - 2.5rem);
    padding: 0 .5rem
}

.filter__more--wrapper .filter__more--bottom {
    overflow: hidden;
    font-size: 1rem;
    text-align: center;
    box-shadow: 2px 0 8px rgba(28, 28, 30, .14)
}

.filter__more--wrapper .filter__more--bottom span {
    display: block;
    float: left;
    height: 3.4375rem;
    line-height: 3.4375rem;
    cursor: pointer
}

.filter__more--wrapper .filter__more--bottom .filter__more--button__aside {
    box-shadow: 111;
    width: 32%
}

.filter__more--wrapper .filter__more--bottom .filter__more--button {
    width: 68%;
    background-color: #3072f6;
    color: #fff
}

.body--fixed .filter {
    position: relative;
    z-index: 100
}

.flat_brand_icon {
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    vertical-align: top;
    -webkit-border-radius: 3.125rem;
    -moz-border-radius: 3.125rem;
    border-radius: 3.125rem;
    background-color: #fff;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/all.png?_=1547009085736);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
    text-align: center;
    overflow: hidden
}

.flat_brand_icon--200302062000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/guanyu.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302003000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/mofang.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302033000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/wanliu.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302073000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/beike.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302068000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/fengke.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302140000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/bangshe.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302142000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/lehuo.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302019000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/jimei.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302145000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/xinpai.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302069000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/qianyu.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302144000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/chengjia.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302047000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/dijiu.png?_=1547009085736) no-repeat center center/contain
}

.flat_brand_icon--200302044000 {
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/brand/tiantian.png?_=1547009085736) no-repeat center center/contain
}

.aside .aside__button {
    position: fixed;
    z-index: 9;
    right: .9375rem;
    bottom: 4rem;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 0;
    text-align: center;
    background-color: rgba(59, 59, 59, .8);
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    border-radius: 2.5rem;
    font-size: .625rem;
    color: #fff
}

.aside .aside__button i {
    display: block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/list/sort.png?_=1547009085736);
    -webkit-transform: scale(.3125);
    -ms-transform: scale(.3125);
    -moz-transform: scale(.3125);
    -o-transform: scale(.3125);
    transform: scale(.3125);
    margin: -.2rem auto;
    vertical-align: middle;
    font-size: 0
}

.aside .aside__list--wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 100;
    overflow: hidden
}

.aside .aside__list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    padding-top: .8125rem;
    padding-bottom: .8125rem;
    -webkit-animation: fixedIn .3s ease;
    animation: fixedIn .3s ease
}

.aside .aside__list .aside__list__item a {
    display: block;
    font-size: 1rem;
    line-height: 1.25rem;
    padding-top: .6875rem;
    padding-bottom: .6875rem
}

.aside .aside__list .aside__list__item--selected a {
    color: #3072f6
}

.month-rent-tip {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.5rem;
    padding: .75rem;
    background: rgba(193, 174, 139, .15);
    line-height: 1rem;
    font-size: .6875rem;
    color: #a07b34
}

.month-rent-tip img {
    width: 1.0625rem;
    height: 1.125rem;
    margin-right: .3125rem;
    vertical-align: bottom
}

.content__item {
    position: relative;
    /*padding-bottom: .625rem;*/
    margin-top: .9375rem;
    margin-bottom: .9375rem;
    border-bottom: 1px solid #e4e6f0;
    overflow: hidden
}

.content__item a:visited .content__item__main .content__item__title, .content__item.clicked .content__item__main .content__item__title {
    color: #aaa
}

.content__item a {
    display: block;
    min-height: 5rem
}

.content__item.content__item--disabled {
    position: relative
}

.content__item.content__item--disabled:before {
    content: '已成交';
    position: absolute;
    left: 0;
    top: 0;
    width: 3.125rem;
    text-align: center;
    line-height: 1.375rem;
    background-color: rgba(0, 0, 0, .4);
    font-size: .75rem;
    color: #fff
}

.content__item.content__item--disabled .content__item__main .content__item__title {
    text-decoration: line-through;
    color: #9399a5
}

.content__item.content__item--disabled1 {
    position: relative
}

.content__item.content__item--disabled1:before {
    content: '已失效';
    position: absolute;
    left: 0;
    top: 0;
    width: 3.125rem;
    text-align: center;
    line-height: 1.375rem;
    background-color: rgba(0, 0, 0, .4);
    font-size: .75rem;
    color: #fff
}

.content__item.content__item--disabled1 .content__item__main .content__item__title {
    text-decoration: line-through;
    color: #9399a5
}

.content__item:last-child {
    border-bottom-width: 0
}

.content__item .vr__icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: .375rem;
    bottom: .375rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.content__item .content__item--pic {
    position: relative;
    float: left
}

.content__item .content__item__aside {
    float: left;
    width: 6.5625rem;
    height: 5rem;
    margin-right: .9375rem
}

.content__item .content__item__main {
    position: relative;
    top: -.125rem;
    padding-left: 7.5rem;
    font-size: 0
}

.content__item .content__item__main p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content__item .content__item__main .content__item__tag--wrapper {
    height: .9375rem;
    margin-bottom: .375rem;
    white-space: normal;
    text-overflow: clip
}

.content__item .content__item__main .content__item__tag--wrapper i {
    display: inline-block;
    height: .9375rem;
    line-height: .9375rem;
    margin-right: .3125rem;
    padding-left: .1875rem;
    padding-right: .1875rem;
    background: #e6ecf2;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    font-size: .6875rem;
    color: #5680a6
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--marketing_activity {
    background: #ff7276;
    color: #fff
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--authorization_apartment {
    background: #e9c067;
    color: #fff
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--quality {
    background: #2f3036;
    color: #edd6a2
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--credit_live {
    background: #fe615a;
    color: #fff
}

.content__item .content__item__main .content__item__tag--wrapper i.content__item__tag--star {
    background: rgba(73, 170, 224, .15);
    color: #49aae0
}

.content__item .content__item__main .content__item__title {
    display: -webkit-box;
    max-height: 2.5rem;
    line-height: 1.25rem;
    margin-bottom: .3125rem;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1rem;
    font-weight: 400
}

.content__item .content__item__main .content__item__title .content__item__quality {
    width: auto;
    height: 1rem;
    margin-top: .125rem;
    margin-right: .25rem;
    vertical-align: top
}

.content__item .content__item__content {
    margin-bottom: .375rem;
    line-height: 1rem;
    font-size: .6875rem;
    color: #9399a5
}

.content__item .content__item__bottom {
    position: relative;
    line-height: 1.1875rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fe615a
}

.content__item .content__item__bottom .content__item__bottom--light {
    vertical-align: .0625rem;
    font-size: .625rem;
    font-weight: 400
}

.content__item .content__item__bottom .content__item__bottom--activity {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 60%;
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .6875rem;
    font-weight: 400;
    color: #f6804d
}

.content__item .content__item__bonus {
    margin-top: .375rem;
    padding-top: .5625rem;
    border-top: 1px solid #e4e6f0
}

.content__item .content__item__bonus .content__item__bonus--text {
    line-height: 1rem;
    margin-bottom: .375rem;
    font-size: .75rem;
    color: #9399a5
}

.content__item .content__item__bonus .content__item__bonus--text:last-child {
    margin-bottom: 0
}

.content__item .content__item__bonus .content__item__bonus--head {
    display: inline-block;
    min-width: .875rem;
    text-align: center;
    height: .875rem;
    line-height: .875rem;
    vertical-align: top;
    margin-top: .0625rem;
    margin-right: .25rem;
    background: #f5615b;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    font-size: .6875rem;
    color: #fff
}

.content__list__zhchd .download_card {
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.content__list__zhchd .content__item {
    position: relative;
    padding: .875rem;
    margin-top: .9375rem;
    margin-bottom: .9375rem;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-bottom: 0
}

.content__list__zhchd .content__item .content__item__content {
    margin-bottom: .375rem;
    line-height: 1rem;
    font-size: .6875rem;
    color: #101d37
}

.download_fixed_container {
    height: 3.125rem;
    background: #fff
}

.download_fixed {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    height: 3.125rem;
    background: rgba(0, 0, 0, .68);
    z-index: 99
}

.download_fixed a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.download_fixed .logo {
    margin-left: 1.25rem;
    margin-right: .375rem;
    width: 1.875rem;
    height: 100%;
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/activity-logo.png?_=1547009085736);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    font-size: 0
}

.download_fixed .slog {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.download_fixed .title {
    line-height: .875rem;
    padding-top: .625rem;
    font-size: .875rem;
    color: #fff
}

.download_fixed .sub-title {
    margin-top: .1875rem;
    color: rgba(255, 255, 255, .7);
    font-size: .6875rem
}

.download_fixed .close {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    font-size: 0;
    z-index: 1;
    border: .8rem solid;
    border-color: rgba(0, 0, 0, .3) transparent transparent rgba(0, 0, 0, .3)
}

.download_fixed .close:after, .download_fixed .close:before {
    content: "";
    display: block;
    position: absolute;
    height: .0625rem;
    width: .5625rem;
    background-color: #cdcfd0;
    opacity: .3;
    left: -.3rem;
    top: -.3rem;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.download_fixed .close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.download_fixed .btn {
    display: block;
    width: 6.875rem;
    height: 100%;
    line-height: 3.125rem;
    background: #3072f6;
    text-align: center;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size: 1rem;
    color: #fff
}

.download_bottom_btn {
    position: fixed;
    z-index: 10;
    bottom: 2.25rem;
    left: 50%;
    text-align: center;
    padding: 0 .9375rem;
    height: 2.5rem;
    line-height: 2.5rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    border-radius: 2.5rem;
    background: #3072f6;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .9375rem;
    color: #fff
}

.download_detail {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.0625rem;
    border-bottom: 1px solid #e5e5e5;
    height: 1.875rem;
    line-height: 1.875rem;
    cursor: pointer;
    font-size: 1rem;
    color: #101d37
}

.download_detail.arrow:before {
    position: absolute;
    content: " ";
    width: .875rem;
    height: .875rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/detail/arrow-right.png?_=1547009085736) no-repeat center center/contain;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.download_detail .download_logo {
    width: 1.875rem;
    height: 1.875rem;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/img/activity-logo.png?_=1547009085736) no-repeat center center;
    background-size: 100% 100%
}

.download_detail .download_desc {
    padding-left: .625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.download_card {
    border-bottom: 1px solid #e4e6f0;
    margin-bottom: .9375rem;
    padding-top: 1.5625rem;
    padding-bottom: 2.1875rem;
    text-align: center
}

.download_card .download_title {
    line-height: 1rem;
    font-size: 1rem;
    color: #666;
    font-weight: 700
}

.download_card .download_btn {
    display: inline-block;
    margin-top: 1.25rem;
    padding: 0 .75rem;
    height: 1.625rem;
    line-height: 1.625rem;
    border: 1px solid #3072f6;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    color: #3072f6
}

.download_fixed {
    bottom: 0 !important;
    bottom: -webkit-calc(constant(safe-area-inset-bottom) - 0) !important;
    bottom: calc(constant(safe-area-inset-bottom) - 0px) !important;
    bottom: -webkit-calc(env(safe-area-inset-bottom) - 0) !important;
    bottom: calc(env(safe-area-inset-bottom) - 0px) !important
}

.download_fixed:after {
    height: 0 !important;
    height: -webkit-calc(constant(safe-area-inset-bottom) + 0) !important;
    height: calc(constant(safe-area-inset-bottom) + 0px) !important;
    height: -webkit-calc(env(safe-area-inset-bottom) + 0) !important;
    height: calc(env(safe-area-inset-bottom) + 0px) !important;
    display: block !important;
    content: "" !important;
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    background: #fff !important
}

.lianjia_download_app_box .download_logo, .lianjia_download_app_box .logo {
    background-image: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/lianjia/logo300x300.png?_=1547009085736)
}

.lianjia_download_app_box .download_btn {
    border: 1px solid #00ae66;
    color: #00ae66
}

.lianjia_download_app_box .download_fixed .btn {
    background: #00ae66
}

.layer_im {
    position: fixed;
    bottom: 7.625rem;
    right: .9375rem;
    z-index: 10;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    box-shadow: 0 .25rem 1.0625rem 0 rgba(0, 0, 0, .15);
    background: #fff
}

.layer_im .icon_new_im {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 100%;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/im/im@2x.png?_=1547009085736) no-repeat center center/cover
}

.has_new:before {
    content: '';
    display: block;
    background: #fe615a;
    height: .625rem;
    width: .625rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: -.3125rem;
    right: -.3125rem
}

.module-imcontent .im-header span {
    line-height: .44rem !important
}

.layer_im_shortcut_box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    bottom: 10rem;
    right: 1.5rem;
    z-index: 10
}

.layer_im_shortcut_box .layer_im_shortcut {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 5.9375rem;
    height: 2.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    border: 0 solid #e4e6f0;
    box-shadow: 0 0 .3125rem 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: .25rem;
    padding-left: 1.875rem;
    line-height: 1.875rem;
    cursor: pointer;
    font-size: .875rem
}

.layer_im_shortcut_box .layer_im_shortcut:before {
    position: absolute;
    top: 50%;
    left: .875rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    content: '';
    border-left: .25rem solid transparent;
    border-right: .25rem solid transparent;
    border-top: .375rem solid #3072f6;
    border-bottom: 0 solid transparent
}

.layer_im_shortcut_box .layer_im_shortcut img {
    position: absolute;
    top: 50%;
    right: .25rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.75rem;
    height: 1.75rem;
    max-width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.layer_im_shortcut_box .layer_im_chat {
    display: none;
    position: absolute;
    bottom: 2.5rem;
    right: 0
}

.layer_im_shortcut_box .layer_im_chat li {
    opacity: 0;
    position: relative;
    float: right;
    padding: .625rem 2.5rem .625rem .875rem;
    margin-bottom: .625rem;
    box-shadow: 0 0 .3125rem 0 rgba(0, 0, 0, .1);
    background: #fff;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    border-top-right-radius: 0;
    white-space: nowrap;
    transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -webkit-transition: opacity .4s linear;
    -o-transition: opacity .4s linear
}

.layer_im_shortcut_box .layer_im_chat li:after {
    position: absolute;
    top: 50%;
    right: .875rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 100%
}

.layer_im_shortcut_box .layer_im_shortcut.selected:before {
    border-top: 0 solid transparent;
    border-bottom: .375rem solid #3072f6
}

.zhchd-ruls {
    position: fixed;
    width: 3.4375rem;
    height: 1.125rem;
    -webkit-border-radius: .9375rem 0 0 .9375rem;
    -moz-border-radius: .9375rem 0 0 .9375rem;
    border-radius: .9375rem 0 0 .9375rem;
    top: 2.75rem;
    right: 0;
    z-index: 100;
    color: #fff;
    font-size: .625rem;
    text-align: center;
    line-height: 1.125rem;
    background: rgba(0, 0, 0, .6)
}

.layerbox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    display: none;
    z-index: 100
}

.layerbox .content {
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 1.25rem;
    width: 14.375rem;
    max-height: 23.125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.layerbox .content pre {
    line-height: 1.25rem;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 14.375rem;
    max-height: 23.125rem
}

.layerbox .close {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.25rem;
    bottom: -4.125rem;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.375rem
}

.duty-entry {
    display: flex;
    height: 2.5rem;
    padding: 0 .9375rem;
    background: #f8f8f9;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.duty-entry .duty-icon {
    width: 1.25rem;
    height: .9375rem;
    display: inline-block;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/detail/duty-com@2x.png?_=1547009085736) no-repeat center center/contain
}

.duty-entry .duty-arrow {
    width: .5625rem;
    height: .875rem;
    display: inline-block;
    background: url(https://s1.ljcdn.com/matrix_m/dist/m/src/page/list/index.css/../../../resource/detail/arrow-right.png?_=1547009085736) no-repeat center center/contain
}

.duty-entry .duty-text {
    font-size: .8125rem;
    color: #101d37;
    padding-left: .625rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.activity__container {
    width: 100%;
    font-size: 0
}

.activity__container .activity__banner {
    width: 100%
}

.activity__container .activity__coupon {
    width: 100%;
    height: 5.1875rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: .9375rem 0;
    background: #f8f8f9;
    overflow-x: scroll;
    overflow-y: hidden
}

.activity__container .activity__coupon ul {
    padding: 0 1.5rem;
    white-space: nowrap
}

.activity__container .activity__coupon ul li {
    width: 8.125rem;
    height: 3.3125rem;
    display: inline-block;
    margin-right: .625rem;
    position: relative;
    background: #fff;
    vertical-align: top;
    box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .06)
}

.activity__container .activity__coupon ul li:last-child {
    margin-right: 1.5rem
}

.activity__container .activity__coupon ul li:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: -.3125rem;
    top: 50%;
    width: .625rem;
    height: .625rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f8f8f9;
    margin-top: -.3125rem
}

.activity__container .activity__coupon ul li:after {
    content: '';
    position: absolute;
    z-index: 2;
    right: -.3125rem;
    top: 50%;
    width: .625rem;
    height: .625rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f8f8f9;
    margin-top: -.3125rem
}

.activity__container .activity__coupon ul li .activity__coupon--content {
    width: 6.1875rem;
    height: 100%;
    color: #fe615a;
    padding: .25rem .3125rem;
    margin-right: 1.9375rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.activity__container .activity__coupon ul li .activity__coupon--content.activity__coupon--content--grey {
    color: #ced2d6
}

.activity__container .activity__coupon ul li .activity__coupon--content .activity__coupon--circle {
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.activity__container .activity__coupon ul li .activity__coupon--content .activity__coupon--text {
    padding: .3125rem .5rem;
    border: 1px solid #f8f8f9;
    text-align: left;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-right: 0
}

.activity__container .activity__coupon ul li .activity__coupon--content .activity__coupon--text:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: -.6875rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    margin-top: -.5rem;
    border: 1px solid #f8f8f9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.activity__container .activity__coupon ul li .activity__coupon--content .activity__coupon--title {
    font-weight: 700;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.activity__container .activity__coupon ul li .activity__coupon--content .activity__coupon--desc {
    font-size: .5rem;
    line-height: .9375rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.activity__container .activity__coupon ul li .activity__coupon--type {
    width: 1.9375rem;
    height: 100%;
    float: right;
    position: relative;
    font-size: .6875rem;
    line-height: 1.0625rem;
    padding: .625rem .5625rem;
    text-align: center;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    background: linear-gradient(118deg, #ff8e89 0, #f5615b 100%)
}

.activity__container .activity__coupon ul li .activity__coupon--type.activity__coupon--type--grey {
    padding: .375rem .5625rem;
    line-height: .8125rem;
    background: linear-gradient(118deg, #d9d9d9 0, #d5d5d5 100%)
}

.activity__container .activity__coupon ul li .activity__coupon--type:before {
    content: '';
    position: absolute;
    top: -.125rem;
    left: -.125rem;
    width: .25rem;
    height: .25rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f8f8f9;
    z-index: 2
}

.activity__container .activity__coupon ul li .activity__coupon--type:after {
    content: '';
    position: absolute;
    bottom: -.125rem;
    left: -.125rem;
    width: .25rem;
    height: .25rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f8f8f9;
    z-index: 2
}

.activity__container .activity__brand {
    width: 100%;
    height: 6.125rem;
    padding: 1.5rem 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: scroll;
    overflow-y: hidden
}

.activity__container .activity__brand ul {
    margin-left: 1.5rem;
    white-space: nowrap
}

.activity__container .activity__brand ul li {
    display: inline-block;
    color: #9399a5;
    font-size: .8125rem;
    text-align: center;
    padding-right: 1.5rem
}

.activity__container .activity__brand ul li a {
    display: block;
    font-size: 0
}

.activity__container .activity__brand ul li img {
    width: 3rem;
    height: 3rem;
    border: .0625rem solid #e4e6f0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.activity__container .activity__brand ul li span {
    linear-height: 1;
    max-width: 6em;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    display: none
}

.filter .filter__title--activity {
    background-color: #fafafa;
    border-bottom: 0;
    margin: 0 .3125rem;
    width: calc(100% - .625rem);
    box-shadow: none
}

.filter .filter__title--fixed.filter__title--activity {
    margin: 0;
    width: 100%;
    box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .06);
    background: #fff
}

.filter .filter__title--forcefixed.filter__title--activity {
    margin: 0;
    width: 100%;
    box-shadow: none;
    background: #fff
}

.activity_brand_slide {
    position: relative;
    -webkit-overflow-scrolling: auto
}

.activity_brand_slide:after {
    width: 100%;
    height: .5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    content: ' ';
    background: 0 0
}

.activity_brand_slide::-webkit-scrollbar {
    width: 0
}

.activity_brand_slide::-webkit-scrollbar-track {
    background: #fff
}

.activity_brand_slide::-webkit-scrollbar-thumb {
    background: #fff
}

.activity_brand_slide::-webkit-scrollbar-button {
    background: 0 0
}

.activity_brand_slide::-webkit-scrollbar-button {
    background: 0 0
}

.activity_brand_slide .actBrand_slide__wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3.125rem
}

